Vimeo iframe内容未显示在ie7中

这让我坚持了几天。我为Rapidweaver平台开发了一个插件，使用户可以轻松在灯箱中添加Vimeo视频。我在IE7测试中遇到问题。视频内容不会显示。您可以在这里看到测试页：http://www.garysimpson.co.uk/sandpit/sandpit.html Vimeo iframe内容未显示在ie7中

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

来源

2012-01-30 Alchemy

啊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.

来源

2012-01-30 13:00:16

谢谢你的建议。但在我的情况下，这似乎并不奏效。克隆当然存在，但仍然是空的：视频内容。我甚至尝试从原始容器（vimeo代码）中获取html，并将其作为链中的最后一个事件附加到灯箱中。但ie7仍然是空的。我可以使用萤火虫ie7 :-) – Alchemy 2012-01-30 15:31:53

即使在一个非常简单的测试。关于尽可能简单......我刚刚将原始Vimeo iframe代码放在页面下面的div中，并且不会在ie7测试中显示iframe的内容。现在我感到困惑，因为我无法找到与Vimeo代码和ie7在网络上的任何问题。然而，现在我甚至无法将它以最简单的形式嵌入ie7中。测试页面与原始帖子相同。 – Alchemy 2012-01-30 15:44:16

你可以尝试一个传统的嵌入，看看我上面的编辑。 – 2012-01-30 17:48:09

Vimeo iframe内容未显示在ie7中

回答

相关问题