Vimeo iframe 内容未在 ie7 中显示答案

【问题标题】：Vimeo iframe content not showing in ie7Vimeo iframe 内容未在 ie7 中显示
【发布时间】：2012-01-30 11:47:43
【问题描述】：

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

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

【问题讨论】：

标签： jquery vimeo

【解决方案1】：

啊 IE7...我感觉到你的痛苦 Gary！我最近在一个项目上遇到了类似的问题。以 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 代码）中获取 html，并将其作为链中的最后一个事件附加到灯箱。但在ie7中它仍然是空的。我可以在 ie7 上使用 firebug :-)
即使在非常简化的测试中也能证明这一点。尽可能简单...我刚刚将原始 Vimeo iframe 代码放在页面下方的 div 中，并且在 ie7 测试中也没有显示 iframe 的内容。现在我很困惑，因为我在网上找不到 Vimeo 代码和 ie7 的任何问题。然而我现在什至不能让它以最简单的形式嵌入在 ie7 中显示。测试页与原帖相同。
实际上@Alchemy 目前它似乎对我在 IE7 中进行测试有效......也许这是您或您的测试环境的本地问题？