Internet Explorer Full Page background
I currently am working on a site with a full-screen flash video background - http://polivision.tv/test.html
It is working in most browsers, except apparently IE (I am working on a mac).
Apparently the only problem is the flash video is not playing.
I put this in the body:
<div class="zone-home">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="background-vid" align="middle">
<param name="LOOP" value="true" />
<param name="allowfullscreen" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000" />
<param name="wmode" value="transparent">
<embed src="background-vid.swf" quality="high" bgcolor="black" width开发者_Go百科="100%" height="100%" name="background-vid" align="middle" allowScriptAccess="always" allowFullScreen="false" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" loop="true"></embed>
</object>
and use this to make it full screen:
$(document).ready(function() {
var $windowW = $(window).width();
var $windowH = $(window).height();
var $one = "object#background-vid";
var $two = ".zone-home";
$($one).attr({ width: $windowW, height: $windowH });
$($two).attr({ width: $windowW, height: $windowH });
$(window).bind("resize", function(){
var $windowW = $(window).width();
var $windowH = $(window).height();
var $one = "object#background-vid";
var $two = ".zone-home";
$($one).attr({width:$windowW, height: $windowH });
$($two).attr({ width: $windowW, height: $windowH });
});
});
Thanks in advance, Shoma
You've got a script missing: http://polivision.tv/resources/js/jquery.easing.1.3.js. This may be causing IE to stop rendering because it throws a JavaScript error. I would check your 404s using Firebug in Firefox and correct them. This might solve the problem in IE.
精彩评论