<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>
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 |