HTML YouTube-Video

Die einfachste Methode, ein Video in HTML zu enthalten, ist die Verwendung von YouTube.

Zweifeln Sie an dem Videoformat?

Die Konvertierung des Videos in ein anderes Format kann sowohl schwierig als auch zeitaufwendig sein.

Eine einfachere Lösung ist es, YouTube so einzurichten, dass das Video auf Ihrer Webseite wiedergegeben wird.

YouTube Video Id

Beim Speichern (oder Abspielen) des Videos zeigt YouTube eine ID an (z.B. ih1l6wb7LhU).

Sie können diese ID verwenden und Ihr Video im HTML-Code referenzieren.

YouTube-Videos in HTML

Möchten Sie das Video auf Ihrer Webseite abspielen, führen Sie folgende Schritte aus:

  • Laden Sie das Video auf YouTube hoch
  • Notieren Sie sich die Video-ID
  • In Ihrer Webseite definieren <iframe> Element
  • Lassen Sie src Eigenschaft, um die URL des Videos anzuzeigen
  • Verwenden Sie width und height Eigenschaften zur Festlegung der Größe des Players
  • Fügen Sie weitere Parameter der URL hinzu (siehe unten)

Beispiel

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

Selbst ausprobieren

YouTube Autoplay + Stumm

Durch Hinzufügen von autoplay=1 an die YouTube-URL können Sie den Videowiedergabeautomatik beim Besuch der Seite aktivieren. Der automatische Start der Videowiedergabe kann jedoch die Besucher belästigen!

Hinweis:In den meisten Fällen erlaubt der Chromium-Browser keine automatische Wiedergabe. Er erlaubt jedoch immer die stumme automatische Wiedergabe.

In autoplay=1 Daraufhin hinzufügen mute=1, lässt Ihr Video automatisch beginnen (aber leise).

YouTube - Automatische Wiedergabe + Stumm

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

Selbst ausprobieren

YouTube Wiedergabeliste

Mit Komma getrennte Liste der abzuspielenden Videos (außer der ursprünglichen URL).

YouTube Schleife

Hinzufügen loop=1 Lässt Ihr Video immer wiederholen.

Wert 0 (Standard): Das Video wird nur einmal abgespielt.

Wert 1: Das Video wird immer wiederholt (immer).

YouTube - Schleife

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

Selbst ausprobieren

YouTube Steuerelemente

Hinzufügen controls=0 Macht die Steuerungselemente des Videoplayers nicht sichtbar.

Wert 0: Die Steuerungselemente des Players werden nicht angezeigt.

Wert 1 (Standard): Die Steuerungselemente des Players werden angezeigt.

YouTube - Steuerelemente

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>

Selbst ausprobieren