HTML5 Video

By , 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 autoplay=“autoplay” loop=“loop” controls=“controls” tabindex=“0” preload>

<source src=”movie.webm” type=’video/webm; codecs=”vp8, vorbis”‘ />

<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>
or  use the already done files used in the file html5.js
For an even better compatibility with Flashplayer < 10 the fallback flash object requires flv file, not mp4.

Linkografy

http://it.wikipedia.org/wiki/HTML5_video

http://www.w3schools.com/html/html5_video.asp

http://www.html5rocks.com/en/tutorials/video/basics/

http://www.youtube.com/html5

http://www.html.it/articoli/il-tag-video-di-html5/

http://thewebthought.blogspot.com/2011/04/html5-and-internet-explorer-8-not-good.html

codecs="vp8, vorbis"

Comments are closed

WordPress Open Source Blog System
SynOptX Lab Theme