google-chrome - 隐藏层上的视频以chrome显示

Question

我的网站上嵌入了一个youtube视频。
视频没有开始(尽管没关系)。

我可以通过设置其父div display:none样式来隐藏它的位置来隐藏它。
有点像从

<div>
<iframe width="640" height="480" frameborder="0"
allowfullscreen src="http://www.youtube.com/embed/xxxxxxxx">
</iframe>
</div>
<div style='display:none;'>
another content
</div>

至

<div style='display:none;'>
<iframe width="640" height="480" frameborder="0"
allowfullscreen src="http://www.youtube.com/embed/xxxxxxxx">
</iframe>
</div>
<div>
another content
</div>

在资源管理器/ Firefox中可以正常工作。在Chrome浏览器中，它通常可以正常工作，但是在某些机器上(我尝试过的 Chrome 含量约为20％)，视频确实会隐藏，但是当我将鼠标移到它的位置(显示其他内容)时，视频图像的方格会在内容覆盖中闪烁它。

除了隐藏视频外，我还尝试将视频向左移动(style ='display:none; left:-9999px;')，但这无济于事，尽管在Firebug和Chrome DevTools中，视频在同一位置闪烁我可以看到-9999px样式已应用。

在Chrome中发生这种情况的机器上，它总是会发生(在同一台机器上，它在IE / FF中运行良好)。 Chrome版本是世界上最新的版本(它会自动更新)，目前是27。

你有什么建议？

Answer 1

解决方法是将？wmode = opaque 添加到youtube链接。编码

<div style='display:none;'>
<iframe width="640" height="480" frameborder="0"
allowfullscreen src="http://www.youtube.com/embed/xxxxxxxx/?wmode=opaque">
</iframe>
</div>
<div>
another content
</div>

将视频正确隐藏在以前无法使用的镶边中。