【问题标题】: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 中进行测试有效......也许这是您或您的测试环境的本地问题?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-08-04
    • 2020-07-21
    • 2017-10-09
    • 1970-01-01
    • 1970-01-01
    • 2013-09-03
    • 1970-01-01
    相关资源
    最近更新 更多