Youtube Fancybox正在显示一个带有IE7的空白页面

我正在尝试用Fancybox加载YouTube视频。它适用于所有浏览器，但IE7似乎有问题，它只显示一个空白的白色页面。我不知道我在这里做错了什么，我在线测试了那个例子，它与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>

这可能与CSS有关，我不太确定。。。但是我还没有接触到插件附带的.css

有什么想法吗

---

谢谢。

您需要在文档中准备好jquery单击事件，如下所示

$(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;
    });
});

现场试一试

Synote

我也有IE7的问题，不是YouTube，而是视频嵌入

从地图上删除填充对我来说很有效，因为某种原因，它将视频的宽度减少到了零

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

---

亚当

谢谢你的回答，我试过以防万一，但不幸的是，这不是我问题的根源。事实上，Fancybox插件和Youtube视频在IE7以外的所有浏览器上都能正常工作。那么问题出在你没有发布的代码的另一部分。可能是在使用SetupVideos，因为我用IE7测试了你的代码。这是我回答问题时唯一可以使用的IE浏览器。它也可以在JSFIDLE中工作。

$(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;
    });
});