<video> Tag - Videos einbinden

Fügt ein Video in eine Webseite ein:

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

Online testen

Nutzung

Der <video> Tag bindet ein Video in eine Webseite ein. Es werden die Formate MP4, WebM und OGG unterstützt. Der Browser muss das jeweilige Format aber auch unterstützen. In der Regel funktioniert MP4. Mehrere Formate können angeben werden. Der Tag wird wird erst ab HTML 5 unterstützt.

Attribute

Attribut Wert / Einheit Beschreibung
autoplay autoplay Startet das Video automatisch
controls controls Gibt an, ob Steuerelemente angezeigt werden sollen, z.B. Play, Stopp
height Pixel Höhe des Videos in Pixeln
loop loop Video startet automatisch von vorn
muted muted Videowiedergabe ohne Ton
poster URL URL zu einem Bild, welches angezeigt wird, während das Video noch herunterlädt
preload auto / metadata / none Gibt an, ob da Video beim Laden der Seite mitgeladen werden soll, metadata lädt nur die Metadaten
src URL URL zur Video-Datei, mehrere Formate können angegeben werden
width Pixel Breite des Videos in Pixel