lab. transmissions

HTML5 Video

By ZBog, November 26, 2012 17:00

So, here we are, with the hope to kill Adobe flash player from our carrier.

The only chance ATM (at the moment) is HTML5 video embed.

the compatibility does not seem to be so good:

MP4 opera 10.6 does not support this format
OGG/OGV explorer 9 and safari 5 do not support
webM explorer 9 and safari 5 do not support

WTF!!! we can anyway integrate all 3 formats::

.mp4 = H.264 + AAC
.ogg/.ogv = Theora + Vorbis
.webm = VP8 + Vorbis

<video poster=”immagine.jpg”>
<source src=”esempio.ogv” type=”video/ogg “>
<source src=”esempio.mp4″ type=”video/mp4″>
<source src=”esempio.webm” type=”video/webm”>
<p>this text will be visualized if the browser do not support HTML5. Download the video <a href=”esempio.webm”>here</a>.

</p>
</video>

You can also insert controls command inside the VIDEO tag

controls adds a default video control overlay;

width and height: dimensions with preload:

start the video download in autorun or not with preload=”none”
u stop it specify a codec inside the SOURCE tag

<video>

 VIDEO + JS
explorer 8 does not read the tags, there are some ways to add theme in js:

<script type="text/javascript">
document.createElement('header');
document.createElement('footer');
document.createElement('section');
document.createElement('aside');
document.createElement('nav');
document.createElement('article');
</script>