Bulletproof web video

/ Published in: HTML
Save to your folder(s)

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.

Copy this code and paste it in your HTML
  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


RSS Icon Subscribe to comments

You need to login to post a comment.