Mit dem HTML5 <video> Element können Videos in eine Webseite eingebunden werden.
Zum einbinden eines Video verwende das <video> Element:
Für das abspielen, pausieren und die Lautstärke füge dem Video das Attribute "controls" hinzu.
Verwende immer ein <width> und <height> Attribut im <video> Element.
Weitere Attribute des video/source - Tag
Attribut
Beschreibung
autoplay
Das Audio-File wird abgespielt sobald die Webseite geladen wurde.
loop
Das Audio-File befindet sich in einer Endlosschleife.
muted
Wird verwendet um die Audio-Datei zunächst stumm zuschalten.
poster
Relativer/absoluter Pfad des Bildes (Bild wird vor dem abspielen des Video angezeigt).
preload
Legt fest ob das Video-File schon beim Laden der Seite mitgeladen wird oder ob auf Benutzereingaben gewartet werden soll.
src
Verweist auf die Location des Audio-File.
Das <source> Element erlaubt immer ein alternativ Format für den Browser.
Der Browser wird verwenden das erste erkennbare Format.
Der Text zwischen dem <video> und </video> dem Tags wird nur angezeigt wenn der Browser das Video-Element nicht unterstützt.
Das derzeit am meisten verbreitete Video-Format ist „MP4“, das von HTML5 und Flash-Player gleichermaßen unterstützt wird und auch für YouTube verwendet werden kann. Außerdem unterstützt HTML5 noch die Video-Formate „Ogg“ und „WebM“.
