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)

Answer 2

Synotte，

我也遇到过IE7的问题（不是YouTube，而是视频嵌入）。

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

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

亚当

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

2 个答案: