HTML5 - testování nativní podpory nových elementů <video> a <audio>
<video>
Nativní podpora (tedy bez nutnosti instalace multimediálních plug-inů či externích přehrávačů, např. "nebezpečného" FlashPlayeru) ve Firefoxu, Chrome, Edge a
Opeře pro open source kodek OGG/Theora, MP4/H.264, nový WebM/VP8 od Google a funguje i MOV od Apple.
Ve Firefoxu a Chrome je již také podpora celoobrazovkového režimu a režimu PIP (picture in picture). V HTML5 můžete ve videu plynule přeskakovat dopředu i do dosud nestažených částí videa,
to FlashPayer neuměl, u něj bylo vždy nutné počkat na postupné stažení videa.
Element <video> je určitě budoucností webových multimédií, ale zatím není stanoven jeden univerzálně podporovaný formát, i když již fungují skoro všechny nejpoužívanější (3/2021).
Je tedy vhodné dát na web video ve více formátech, ať si prohlížeč sám vybere, který mu vyhovuje (viz kód níže).
:: Videoukázky
<video src="video.webm" controls muted loop autoplay width="300" height="100"> <!-- za názvem souboru jsou uvedeny možné atributy, překlad jistě netřeba -->
</video>
nebo
<video controls>
<source src="video.webm" />
</video>
V současné době ideální varianta kódu (včetně FLASH formátu pro staré prohlížeče):
<video controls>
<source type="video/webm" src="video.webm" />
<source type="video/mp4" src="video.mp4" />
<source type="video/ogv" src="video.ogv" />
<embed type="application/x-shockwave-flash" src="video.flv" />
</video>
<audio>
Nativní podpora ve Firefoxu, Chrome, Edge a Opeře pro open source kodek
OGG/Vorbis, od r. 2017 již také nelicencovaný MP3 a nekomprimovaný WAV.
:: Audioukázky
<audio src="zvuk.mp3" controls autoplay loop> <!-- za názvem souboru jsou uvedeny možné atributy, překlad jistě netřeba -->
</audio>
pepe © 2021