PC-politika.cz - Novinky: VIDEO: Test PC-politika

Vývoj programovacích jazyků neustále pokračuje, takže vývojáři musí držet krok také při vkládán í videa na webové stránky. Bohužel, situace je dost nepřehledná a mnohé skripty pro vide nezobrazují vložené formáty. Vše navíc zkomplikovala nopvá specifikace HTML 5. Ta sice přinesla zjednodušené tagy pro vkládání videí, avšak různé prohlížeče videa podporují různě. Zde shromažďujeme poznatky ke vkládání videa (souborů) na www. stránky (prezentační weby, servery, blogy).

VIDEO č.1

Stáhni test video: Apple iTunes "MP4" | Open Format "OGG"

U tohoto videa jsou použity nejmodernější video formáty: OGV a MP4, včetně type "video/quicktime" a "Theora". Formáty se zobrazují ve všech nejnovějších prohlížečích.

Vývoj programovacích jazyků neustále pokračuje, takže vývojáři musí držet krok také při vkládán í videa na webové stránky. Bohužel, situace je dost nepřehledná a mnohé skripty pro vide nezobrazují vložené formáty. Vše navíc zkomplikovala nopvá specifikace HTML 5. Ta sice přinesla zjednodušené tagy pro vkládání videí, avšak různé prohlížeče videa podporují různě. Zde shromažďujeme poznatky ke vkládání videa (souborů) na www. stránky (prezentační weby, servery, blogy).

Video Formats

V současné době jsou k dispozici tři podporované video formáty pro video v HTML5

Format	IE	Firefox	Opera	Chrome	Safari	Maxthon	Monkey
OGG/OGV	9.0+	3.5+	10.5+	5.0+	3.0+	3.0+	2.0+
MPEG 4/MP4	9.0+	No	No	5.0+	3.0+
WebM	9.0+	4.0+	10.6+	6.0+	3.0+	3.0+	2.0+

VIDEO č.2
Stáhni video: fitnes_cumil.theora.zip.

VIDEO č. 2: Korektní a validní zobrazování!

Nyní si popíšeme, jak postupně dospět ke korektnímu a validnímu zobrazování souboru videa fitnes_cumilve všech nejpoužívanějších prohlížečích pro Windows XP/Windows7, včetně méně známého prohlížeče SeaMonkey.

U tohoto videa byl nejprve použit pouze soubor formátu OGG/OGV, codecs Theora. Video se však bohužel zobrazovalo v prohlížeči: Mozilla Firefox 5/6xx, Opera 9/10xx, Google Chrome 11/12xx, Maxthon 2/3xx a SeaMonkey 2xx. Tedy mimo nejfrkventovanějšího a nejpouživanejšího prohlížeče IE!
Ovšem přidáním dalšího formátu, a to nejnovějšího WEBM, který pracuje s codecs VP8, se video zobarzuje také v prohlížeči IE9

Zdrojový kód pro video č.2: fitnes_cumil

//Video s použitím formátů OGG/OGV a WEBM (pro všechny prohlížeče)
//Určeno pro HTML5
<video id="1" width="320" height="240" volume=".7" controls> 
<source src="../videos/fitnes_cumil.theora.ogv" type='video/ogg; codecs="theora, vorbis"'></source> 
<source src="../videos/fitnes_cumil.webmvp8.webm" type='video/webm; codecs="vp8, vorbis"' />
<object width="320" height="240" type="application/x-shockwave-flash"
    data="flowplayer-3.2.1.swf"> 
    <param name="movie" value="flowplayer-3.2.1.swf" /> 
    <param name="allowfullscreen" value="true" /> 
    </object>
</video>

Resumé

Nejnovější test pro videoformáty off souborů pro Windows 8/7, uložených na disku správce webu ukazuje, že se situace v zobrazování videí mnohem zlepšila. Ještě před rokem byl problém vkládat video soubor pro přehrání na webovou stránku, jelikož tuto funkci nepodporaval zejména Internet explorer. S příchodem specifikace HTML5 se situace zlepšila, a to díky Microsoftu, který začal podporovat nejnovější formát WEBM. Jak si vydedukujete z tohoto článku v zásadě jde o to 1/ Nejprve video soubor kovertovat minimálně do dvou formátů: OGG/OGV a WEBM. 2/ Takto připravené soubory pak implementovat do zdrojového kódu pro video, viz. zde uveřejněný příklad skript pro soubor fitnes_cumil. A je hotovo. Hodně zdaru při implementaci videí na vašich webech!