HTML <video>Tag


Beispiele

Video abspielen:

<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg">Ihr Browser unterstützt das Video-Tag nicht.</video>

Selbst ausprobieren »

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die dieses Attribut vollständig unterstützt.

Element
<video> 4.0 9.0 3.5 4.0 10.5

Definition und Verwendung

Das <video>-Tag definiert Video, wie z. B. einen Filmclip oder andere Videostreams.

Derzeit unterstützt das <video>-Element drei Videoformate: MP4, WebM, Ogg.

Browser MP4 WebM Ogg
Internet Explorer JA NEIN NEIN
Chrome JA JA JA
Firefox JA
Ab Firefox 21
Linux-Systeme ab Firefox 30		 JA JA
Safari JA NEIN NEIN
Opera JA
Ab Opera 25		 JA JA
  • MP4 = MPEG-4-Dateien mit H264-Videocodec und AAC-Audiocodec
  • WebM = WebM-Dateien mit VP8-Videocodec und Vorbis-Audiocodec
  • Ogg = Ogg-Dateien mit Theora-Videocodec und Vorbis-Audiocodec

Da verschiedene Browser unterschiedliche Videoformate unterstützen, wird üblicherweise empfohlen, mehrere Formate bereitzustellen:

Beispiel

<video controls width="640" height="360"> <source src="movie.mp4" type="video/mp4"> <source src="movie.webm" type="video/webm">Ihr Browser unterstützt das HTML5-Video-Tag nicht.</video>

MIME-Typen für Videoformate

Format MIME-Typ
MP4 video/mp4
WebM video/webm
Ogg video/ogg

Unterschiede zwischen HTML 4.01 und HTML5

Das <video>-Tag ist ein neues Tag in HTML5.

Tipps und Hinweise

Tipp:Sie können Textinhalt zwischen den Tags <video> und </video> platzieren, sodass Browser, die das <video>-Element nicht unterstützen, die Informationen im Tag anzeigen können.

Optionale Attribute

Neu: Neues Attribut in HTML5.

Attribute Wert Beschreibung
autoplayNeu autoplay Wenn dieses Attribut vorhanden ist, wird das Video abgespielt, sobald es bereit ist.
controlsNeu controls Wenn dieses Attribut vorhanden ist, werden dem Benutzer Steuerelemente angezeigt, z. B. eine Wiedergabeschaltfläche.
heightNeu pixels Legt die Höhe des Videoplayers fest.
loopNeu loop Wenn dieses Attribut vorhanden ist, beginnt die Mediendatei nach dem Abspielen wieder von vorne.
mutedNeu muted Wenn dieses Attribut vorhanden ist, ist die Audioausgabe des Videos stummgeschaltet.
posterNeu URL Gibt ein Bild an, das angezeigt wird, während das Video heruntergeladen wird, bis der Benutzer auf die Wiedergabeschaltfläche klickt.
preloadNeu auto
metadata
none		 Wenn dieses Attribut vorhanden ist, wird das Video beim Laden der Seite geladen und zur Wiedergabe vorbereitet. Wenn "autoplay" verwendet wird, wird dieses Attribut ignoriert.
srcNeu URL Die URL des abzuspielenden Videos.
widthNeu pixels Legt die Breite des Videoplayers fest.

Globale Attribute

Der <video>-Tag unterstütztglobale HTML-Attribute.。

Ereignisattribute

Der <video>-Tag unterstütztHTML-Ereignisattribute.。

Andere Erweiterungen