这让我发疯好几天了。我已经为Rapidweaver平台开发了一个插件,这使得用户可以很容易地将Vimeo视频放在一个灯箱中。我在IE7的测试中遇到了问题。不显示视频内容。您可以在这里看到一个测试页面:http://www.garysimpson.co.uk/sandpit/sandpit.html
这个插件已经从Vimeo生成了缩略图,点击它就可以在一个灯箱中打开视频。我正在运行ie7的windows计算机上进行测试。我测试过的所有其他浏览器都工作得很好。任何指点都很受欢迎。
发布于 2012-01-30 13:00:16
啊,我感觉到你的痛苦,加里!最近我在一个项目上也遇到了类似的问题。从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&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1&autoplay=0&loop=0" />
<embed src="http://vimeo.com/moogaloop.swf?clip_id=7421222&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1&autoplay=0&loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="320" height="180"></embed>
</object>
进一步编辑:在浏览器堆栈中进行一些测试时,它似乎在为我在IE7中工作。它可能是特定于您的测试环境。!IE7窗口的屏幕截图。
https://stackoverflow.com/questions/9063394
复制相似问题