Question

这让我疯了好几天。我为Rapidweaver平台开发了一个插件，使用户可以轻松地将Vimeo视频放在灯箱中。我在IE7中测试时遇到问题。视频内容无法显示。您可以在此处查看测试页：http://www.garysimpson.co.uk/sandpit/sandpit.html

该插件已从Vimeo生成缩略图，然后单击它会在灯箱中打开视频。我正在测试运行ie7的windows xp机器。我测试的所有其他浏览器都工作正常。任何指针都非常赞赏。

Answer 1

啊IE7 ......我觉得你的痛苦加里！我最近在一个项目上遇到了类似的问题。嵌入式内容似乎存在问题，开始隐藏display:none或类似内容。我绕过它的方法是仅在灯箱被激活时移除并重新添加IE的视频内容。例如：

// Check if browser is IE7
if ($.browser.msie && parseInt($.browser.version) == 7){
    // Clone the div containing the video content
    var clone = $("#video-div").clone(true);
    // Remove the div
    $("#video-div").remove();
    // Re-add the div to the lightbox
    $("#lightbox-div").append(clone);
}

编辑：您可以尝试将此技术与旧版嵌入代码一起使用，而不是使用iframe。

<object width="320" height="180">
    <param name="allowfullscreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7421222&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" />
    <embed src="http://vimeo.com/moogaloop.swf?clip_id=7421222&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="320" height="180"></embed>
</object>

进一步编辑：在Browserstack中进行一些测试时，它看起来像是在IE7中工作。它可能是您的测试环境特有的。！ Screen shot of IE7 window.

Vimeo iframe内容未在ie7中显示

1 个答案: