Er is geen CSS ondersteuning.
HTML5 maakt het wel heel erg makkelijk om video op jouw pagina's te zetten. In dit voorbeeld wordt, wat de html5 aangaat, een video aangeboden voor webkit (mp4), vorbis en anderen (webm) en mozilla (ogg). Voor o.a. IE is er een fallback door middel van Flash. En als er helemaal niets is om video af te spelen wordt er een lege "plaat" van 640 bij 360 neergezet met een alt "geen video".
Ik zet hieronder de paar regels script die al het video-gebeuren op het scherm zetten.
<video controls> <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" /> <!-- WebKit video --> <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" /> <!-- WebM/VP8/Vorbis --> <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" /> <!-- Firefox / Opera --> <object width="640" height="505" type="application/x-shockwave-flash" data="http://www.youtube.com/v/YE7VzlLtp-4"> <param name="movie" value="http://www.youtube.com/v/YE7VzlLtp-4" /> <img src='' width="640" height="360" alt="geen video" title="jouw browser is uit het stenen tijdperk. probeer te upgraden." /> </object> </video>
Al is al het video-gebeuren in dit "example" valide W3C, CSS en vanzelfsprekend valide HTML5, er moet jammer genoeg toch worden "teruggeschakeld" naar flash om b.v. IE ook mee te laten doen. Misschien is het een idee om gewoon maling aan IE te hebben en alleen maar html5-video op de websites te plaatsen. Als de bezoekers met IE erachter komen dat er in hun "favoriet" geen enkel video'tje te bekijken valt, en dat elke moderne mobiele telefoon meer grafische kunstjes kent dan heel Internet Explorer, gaat het misschien nog eens gebeuren dat Microsoft ook eens in beweging komt...
cache 11-07-2010