Posted By

myke on 10/10/10


Tagged

flash video html5


Versions (?)

Who likes this?

11 people have marked this snippet as a favorite

arnach
bobbym245
Plotarius
creativeboulder
jfoy
craftymethod
Pixxell
SpinZ
therise03
MaLKaV_eS
o0110o


Bulletproof web video


 / Published in: HTML
 

Well almost ;) This should really cover most any browser out there. If no HTML5 support will fall back to flash, so for this example Flowplayer is required, but any flash video would work.

also FP will play many different formats not just flv.

  1. <video width="900" height="506" preload="" controls="" autoplay="">
  2. <source src="/content/video/ibw.mp4" type="video/mp4;">
  3. <source src="/content/video/ibw.ogv" type="video/ogg;">
  4. <source src="/content/video/ibw.webm" type="video/webm;">
  5. <object width="900" height="506" type="application/x-shockwave-flash" data="/content/js/flowplayer/flowplayer-3.2.5.swf">
  6. <param name="movie" value="/content/js/flowplayer/flowplayer-3.2.5.swf"><param name="allowfullscreen" value="true">
  7. <param name="flashvars" value="config={"clip": {"url": "/content/video/ibw.flv", "autoPlay":true, "autoBuffering":true}}">
  8. </object>
  9. </video>

Report this snippet  

You need to login to post a comment.