Fancybox与IE7显示空白页面

我试图用Fancybox加载YouTube视频。它与所有的浏览器一起工作，但它似乎与IE7有问题，它只显示一个空白的白页。我不知道我在这里做了什么错误，我在网上测试了这个例子，它使用IE7 http://fancybox.net/blog。我也从他们那里拿走了我的代码。Fancybox与IE7显示空白页面

因此，这里是我的主页上的标记（其中视频所在地）：

<a href="http://www.youtube.com/watch?v=sqC3tk_-e7g" title="The Problem" id="homevideo1"> 
    <span class="playButton"></span> 
    <img width="170" src="/images/all/video-image1.jpg" alt="" /> 
    <div class="videoTitle">The Problem</div> 
</a>

和，这是我的视频脚本：

SetupVideos = function(){ 
    $("#homevideo1").click(function() { 
     $.fancybox({ 
      'padding'  : 0, 
      'autoScale'  : false, 
      'transitionIn' : 'none', 
      'transitionOut' : 'none', 
      'title'   : this.title, 
      'width'  : 740, 
      'height'  : 495, 
      'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type'   : 'swf', 
      'swf'   : { 
       'wmode'  : 'transparent', 
       'allowfullscreen' : 'true' 
      } 
     }); 
     return false; 
    }); 
}

它可能是与CSS，我不太确定...但我没有触及插件附带的.css

有什么想法？

谢谢。

来源

2010-07-16 Synotte

你需要把你的jQuery click事件在文件准备好，这样

$(document).ready(function(){ 
    $("#homevideo1").click(function() { 
     $.fancybox({ 
      'padding'  : 0, 
      'autoScale'  : false, 
      'transitionIn' : 'none', 
      'transitionOut' : 'none', 
      'title'   : this.title, 
      'width'   : 740, 
      'height'  : 495, 
      'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type'   : 'swf', 
      'swf'   : {'wmode':'transparent','allowfullscreen':'true'} 
     }); 
     return false; 
    }); 
});

试试看住here (jsfiddle)

来源

2010-07-16 18:15:34 Philippe

感谢您的答案，我已经尝试过，以防万一，但不幸的是不是我的问题的来源。实际上，Fancybox插件和Youtube视频适用于IE7以外的其他浏览器。 – Synotte 2010-07-16 18:26:39

然后问题来自您未发布的代码的另一部分。可能在使用SetupVideos（）时，因为我使用IE7测试了您的代码。这是我回答时唯一可以使用的IE浏览器。它也适用于jsfiddle。 – Philippe 2010-07-19 04:00:04

Synotte，

我也曾经有过与IE7（而不是YouTube的问题，但视频嵌入）。

从地图中删除填充对我很有用，出于某种原因，它将视频的宽度减小到零。

可能不是你的问题，但值得一试。

亚当

来源

2010-07-20 14:21:14

Fancybox与IE7显示空白页面

回答

相关问题