HTML5 video

HTML5 video je HTML prvek zahrnutý ve specifikaci HTML5. Slouží k přehrávání videa či filmů.[pozn. 1]

Struktura

Prvek video je párový, má tedy koncovou značku. Vše, co je uvnitř tohoto prvku, až na prvky <source>, je považováno za alternativní obsah pro prohlížeče, které prvek video nepodporují. Již zmíněný prvek source pak slouží k uvedení alternativních formátů videa. Pokud prohlížeč nedokáže přehrát první, jednoduše zkusí přehrát druhý. Prvek source má povinné vlastnosti src a type, stejné jako u elementu video.

Atributy

AtributMožné hodnotyPopis
autoplayautoplayUrčí, že se má záznam ihned po načtení začít přehrávat
controlscontrolsUrčí, že má prohlížeč zobrazit ovládací tlačítka
heightvelikostSpecifikuje výšku videa
looploopSlouží k automatickému přehrávání od začátku ihned po skončení
posterURLSpecifikuje URL náhledového obrázku videa
srcURLSpecifikuje URL video souboru
typeMIME typeSpecifikuje MIME type souboru videa
widthvelikostSpecifikuje šířku videa

Podporované formáty

Podpora video formátů v prohlížečích pro prvek video se hodně liší; formát totiž žádná specifikace nezahrnuje a je jen na výrobcích prohlížečů a tvůrcích webových stránek, jaký formát si zvolí.

V prohlížečích zatím nejpodporovanější formát je Ogg Theora (video/ogg, *.ogv), který podporuje Firefox, Opera a Google Chrome. Další známý formát je H.264 (video/mp4, *.mp4), který podporuje Internet Explorer 9, Safari a Google Chrome. Google taktéž vyvinul nový formát pro prezentaci hudby a videí na internetu, WebM (video/webm, audio/webm; *.webm), jehož základem je Matroska - VP8 pro video a Vorbis pro audio. Ten má být brzo podporován ve všech hlavních prohlížečích.

Příklad

Následující úryvek HTML5 kódu vloží do webové stránky přehrávač video s dalšími možnostmi pro prohlížeče nepodporující daný formát a s odkazem na stažení souboru pro starší prohlížeče.

<video width="300" height="300" controls>
 <source src="video.webm" type="video/webm"> 
 <source src="video.mp4" type="video/mp4">
 <source src="video.ogv" type="video/ogg">
 <p>Video si lze <a href="video.webm">stáhnout</a>.</p>
</video>

Poznámky

  1. ↑ Ve své funkci částečně nahradil prvek object. Až dosud bylo nutné mít k přehrávání videí na internetu nainstalovaný zásuvný modul. To se má nyní ale změnit. Videa a filmy na webu by měly přehrávat samotné prohlížeče.

Související články

Externí odkazy