Das video-Element bindet ein Video ein, ohne Zusatzprogramme. Die Attribute entscheiden über Ladeverhalten und Bedienbarkeit.
- video-Element
Element, das ein Video in das Dokument einbettet.
Beispiel: „Ein video-Element kann mehrere Quellen für verschiedene Formate enthalten.“
Die Attribute
<video controls preload="metadata" poster="/vorschau.jpg"
width="1280" height="720">
<source src="/film.mp4" type="video/mp4">
<track kind="captions" src="/film.vtt" srclang="de" label="Deutsch">
</video>controls zeigt die Bedienelemente, preload="metadata" lädt zunächst nur die Eckdaten, poster gibt ein Vorschaubild. Ohne diese Angaben lädt mancher Browser das ganze Video vorab.
Autoplay und Untertitel
Automatisches Abspielen erlauben Browser nur stumm. Wer Ton will, braucht einen Klick. Untertitel über track sind nicht nur für Gehörlose nützlich, sondern für alle, die ohne Ton schauen, und das sind in sozialen Netzwerken die meisten.