HTML5 - Providing fallback to flash

[hotosega]

Hello Neowinians, I'm using HTML5 video as my logo on my site (http://pictor.ws/) If you use any browser except IE then you can see that it's working. But since IE is the biggest browser I need to provide a fallback to flash. So I made the logo in a small .swf file. But its not working.

Does anyone know how I can get this working in IE?

this is the code I'm using:

<video width="100" height="100" autoplay onended="this.play()" id="video-logo">

  <source  src="video/ogg/logo.ogg" type="video/ogg" />
  <object type="application/x-shockwave-flash" data="video/flash/logo.swf"
width="100" height="100">
  <param name="allowfullscreen" value="false">
  <param name="allowscriptaccess" value="always">
  <param name="flashvars" value="file=video/flash/logo.swf">
  <!--[if IE]><param name="movie" value="video/flash/logo.swf"><![endif]-->
</object>
<source src="video/mp4/logo.mp4" type="video/mp4" />
</video>
[/CODE]

[aspnet]

something like this may be of help...

<script type="text/javascript">
  $(document).ready(function() {
    var v = document.createElement("video");
    if ( !v.play ) {
	  var params = {
	    allowfullscreen: "true",
	    allowscriptaccess: "always"
	  };
	  var flashvars = {
	    file: "video.f4v"
	  };
	  swfobject.embedSWF("logo.swf", "demo-video-flash", "100", "100", "9.0.0", "expressInstall.swf", flashvars, params);
    }
  });
</script>
[/CODE]

[/color][/font]

[hotosega]

Thanks for your response aspnet.

I will look into this. I haven't thought yet of using javascript :)