Swf Object to HTML 5 to image fallback

JavaScript
1

Hi there guys,

I wrote some JQuery below which is designed to check if flash is available and if it is embed a flash movie, if not it checks for html5 video capability and if that fails, it falls back to a static movie.

The swf is generated by software called object 2vr - it creates 3d rotating product movies and creates a html5 fallback of the same movie.

However, I still get an error: XML HTTP REQUEST Exception 101 on certain mobile devices so I’m wondering if I have missed something. Any feedback would be very helpful,
thanks :wink:


    <script type="text/javascript">
$(document).ready(function(){		
		if (swfobject.hasFlashPlayerVersion("9.0.0")) {
			var flashvars = {};
			var params = {};
			params.quality = "high";
                        params.wmode= "transparent";
			params.bgcolor = "#000000";
			params.allowscriptaccess = "sameDomain";
			params.allowfullscreen = "true";
			var attributes = {};
			attributes.id = "pano";
			attributes.name = "pano";
			attributes.align = "middle";
			swfobject.embedSWF(
				"360/obj2vr.swf", "three_d_movie",
				"238", "275",
				"9.0.0", "expressInstall.swf",
				flashvars, params, attributes);
			
		} else if(supports_video() == true) {
	              // create the object player with the container
		      obj=new object2vrPlayer("three_d_movie");
		       obj.readConfigUrl("360/obj2vr.xml");
			// hide the URL bar on the iPhone
			//hideUrlBar();
                        }
                        else
                        {
                         $("#three_d_movie").append("<img src='360/replacement_image.png' height='275' width='238' alt='Sony Xperia'/>");
                        }


});

function supports_video() {
  return !!document.createElement('video').canPlayType;
}
</script>