video

Jistě si každý přál možnost vložení svého vlastního videa na web bez použití podivného Flash Playeru. A od HTML5 je to možné.

Párový tag video je jeden z nejsložitějších tagů v HTML a nabízí možnost vložit na web video. Jeho základní použití je jednoduché:

<video src="video.ogg"></video>

Tag nabízí mnoho atributů, z nejdůležitějších jsou to autoplay k automatickému přehrávání hned po načtení stránky, controls zda se mají zobrazit ovládací prvky, loop aby se video přehrávalo dokola, muted pro ztišení videa, preload aby se video přednačetlo (i bez spuštění), poster jako URL náhledového obrázku a samozřejmě src pro adresu videa. Mezi tagy napíšeme text, který by se zobrazil v případě, že by prohlížeč element video neznal.

<video src="video.ogg" controls autoplay poster="video.png">
Omlouváme se, váš prohlížeč nepodporuje video.
</video>

Ještě lepší použití je v kombinaci s elementy source pro možnost definovat více zdrojových videí (v různých formátech). Zatím neexistuje formát, který by podporovaly všechny prohlížeče, takže je v praxi nutné zvolit více formátů, nejčastěji alespoň webm a h264 (mp4), další pak ogg a quicktime (mov).

<video controls autoplay poster="video.png">
 <source src="video.webm">
 <source src="video.mp4">
 Omlouváme se, váš prohlížeč nepodporuje video.
</video>