HTML5 - testování nativní podpory nových elementů <video> a <audio>




Videoukázky - nativní podpora (tedy bez nutnosti instalace plug-inů či externích přehrávačů, jedná se tedy o náhradu např. přehrávače FlashPlayer) ve Firefoxu, Chrome a Opeře, ale pouze pro open source kodek OGG/Theora (*.ogg, *.ogv). Ve Firefoxu a Chrome je i podpora celoobrazovkového režimu. V HTML5 můžete ve videu plynule přeskakovat dopředu i do dosud nestažených částí videa, to FlashPayer neumí, u něj je vždy nutné počkat na postupné stažení videa.

Youtube zprovoznil podporu přehrávání HTML5 videa experimentálně od počátku r. 2010 s komerčním kodekem MP4/H.264.

Google poté začal propagovat další open-source kodek VP8/WEBM, nativní podpora v Chrome, Firefox a Opera. Podpora již i na Youtube.

Přestože je element <video> určitě budoucností webových multimédií, panuje tedy zatím tzv. "technologická schizofrenie" a tak nezbývá než dávat na web video pro jistotu ve více formátech a nadále spoléhat i na video v tradičním Flash formátu (viz kód níže).


  <video src="video.ogv" controls>
 </video>


  nebo

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


  V současné době ideální:

  <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>



Audioukázky - nativní podpora ve Firefoxu, Chrome a Opeře pro open source kodek OGG/Vorbis (*.ogg, *.oga), komerční *.mp3 a nekomprimovaný *.wav.

  <audio src="zvuk.ogg" controls autoplay>
 </audio>






Poslední aktualizace: , pepe © 2011