HTML 5 umožňuje použít video bez pluginů a nabízí společné API, se kterým je možno pracovat ve skriptech. Jeho účelem je vytvořit nový standard, ale je problematické najít dohodu ohledně podporovaného formátu. Současný návrh (draft) proto nespecifikuje jaké formáty a kodeky má prohlížeč podporovat.
Video soubor je vlastně kontejner, který obsahuje video záznam, audio záznam a metadata. Existuje celá řada kontejnerových video formátů jako například Flash Video(.flv), Audio Video Interleave (.avi), MPEG4 (.mp4), Ogg (.ogv), WebM (.webm)
Video (a audio) soubory se kódují, protože jinak by byly obrovské a dekódují, aby je bylo možné přehrát. Mezi video kodeky patří například. VP8, H.264, Theora. Příklady audio kodeků : MP3, AAC, Vorbis
HTML 5 video element je podporován ve většině aktuálních verzí moderních prohlížečů (Opera, Chrome, Firefox, Safari). Podpora chybí u Internet Exploreru. Pokud jde o podrobnější informace ohledně podpory video formátů a kodeků, lze ji nalézt na stránce na Wikipedii. Protože neexistuje kombinace kontejnerů a kodeků fungujících napříč prohlížeči, je třeba video kódovat vícekrát. Je pak možné vytvořit link na více video souborů. Z důvodu kompatability s IE je pak ještě vhodné při neúspěchu zajistit přehrání ve flash přehrávači. Ukázky kódování videa obsahuje následující stránka.
Video se v HTML 5 přidává na stránku pomocí video elementu. Tato značka může vypadat takto :
<video src=test.ogv controls></video>
V případě, že chceme nabídnout více formátů, je možné použít značku source.
<video controls>
<source src="test.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="test.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
Stejně jako například u elementu canvas můžeme zahrnout html, které se má zobrazit v případě, že HTML 5 video není podporováno. Můžeme uživatele vyzvat k aktualizaci prohlížeče nebo například nabídnout stažení souboru.
Odkazy:
HTML 5 doctor - The video element
2024 ©