Videoelement Hinzufügen

Sie können Videodateien auf einer Webseite mit dem <video>-Element einbetten. Betrachten Sie das folgende Beispiel:

In diesem Beispiel:

• Das <video>-Element enthält ein <source>-Element, das die URL und den Dateityp der Videodatei angibt. Häufig unterstützte Formate sind WebM, MP4 und OGG;
• Das Attribut controls zeigt die standardmäßigen Wiedergabesteuerungen an;
• Falls der Browser des Nutzers das Video-Element nicht unterstützt, wird eine Ersatzmeldung angezeigt.

Häufig verwendete Attribute für das HTML-Videoelement sind:

• autoplay: startet die Videodatei automatisch, sobald die Seite geladen wird;
• loop: lässt die Videodatei kontinuierlich wiederholen;
• muted: schaltet den Ton standardmäßig stumm;
• volume: legt die Standardlautstärke für die Audiodatei fest, von 0.0 (stumm) bis 1.0 (volle Lautstärke);
• poster: gibt die URL eines Bildes an, das als Videovorschaubild angezeigt wird, bevor das Video abgespielt wird;
• width und height: legt die Breite und Höhe des Videoplayers in Pixeln fest.

Hier ist ein Beispiel, das die Verwendung all dieser Attribute demonstriert: