youtube - Fancybox使用IE7显示空白页

Question

我正在尝试使用Fancybox加载YouTube视频。它适用于所有浏览器，但IE7似乎有问题，它仅显示空白页面。我不知道自己在这里做错了什么，我在网上在线测试了该示例，它可以与IE7 http://fancybox.net/blog一起使用。我也从他们那里拿走了我的代码。

因此，这是我在首页(视频所在的位置)上的标记:

<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

有任何想法吗？

谢谢。

Answer 1

您需要将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)