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
| Atribut | Možné hodnoty | Popis |
|---|---|---|
| autoplay | autoplay | Určí, že se má záznam ihned po načtení začít přehrávat |
| controls | controls | Určí, že má prohlížeč zobrazit ovládací tlačítka |
| height | velikost | Specifikuje výšku videa |
| loop | loop | Slouží k automatickému přehrávání od začátku ihned po skončení |
| poster | URL | Specifikuje URL náhledového obrázku videa |
| src | URL | Specifikuje URL video souboru |
| type | MIME type | Specifikuje MIME type souboru videa |
| width | velikost | Specifikuje šíř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
- 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
Obrázky, zvuky či videa k tématu HTML5 video na Wikimedia Commons - (anglicky) Specifikace WHATWG
- (anglicky) Úvod do HTML5 videa, Opera
- (anglicky) WebM Project