tas2580
Blog über Webentwicklung

HTML - <video>

Definiert ein Video oder Film

Beispiel

<video width="320" height="240" controls>
  <source src="film.mp4" type="video/mp4">
  <source src="film.ogg" type="video/ogg">
  Dein Browser unterstützt den video Tag nicht!
</video>

Definition und Verwendung

Der <video> -Tag gibt Video, wie ein Movieclip oder andere Video-Streams wider.

Derzeit gibt es drei unterstützten Videoformate für das <video> -Element: MP4, WebM und Ogg.


Browser Unterstützung

Chrome MP4 WebM Ogg
Firefox MP4 (21) (30 Linux) WebM Ogg
Safari MP4
Opera MP4 (25) WebM Ogg
Edge MP4
IE MP4

Attribute

Attribute stellen zusätzliche Informationen über HTML-Elemente bereit. Attribute müssen immer in den öffnenden Tag geschrieben werden.

Attribut Wert Beschreibung
autoplay Gibt an, dass das Video zu spielen beginnt wenn es bereit ist.
controls Gibt an, dass für das Video-Steuerelemente (wie eine Play / Pause-Taste, etc.) angezeigt werden sollen.
height Pixel / Prozent Legt die Höhe des Video-Players fest.
loop Gibt an, dass das Video wieder von vorne beginnen wird wenn es fertig ist.
muted Gibt an, dass das Video stumm geschaltet werden soll.
poster URL Gibt ein Bild an das angezeigt wird während das Video heruntergeladen wird, oder bis der Benutzer die Play-Taste drückt.
preload auto metadata none Gibt an, ob und wie das Video geladen werden soll wenn die Seite geladen wird.
src URL Gibt die URL der Videodatei an.
width Pixel / Prozent Legt die Breite des Video-Players fest.

Der <video> Tag verwendet Globale HTML Attribute.