0

我的网站上嵌入了一个 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>

在 Explorer/Firefox 中它工作正常。在 Chrome 中它主要工作，但在某些机器上（我尝试了大约 20% 的 chrome）视频确实隐藏了，但是当我将鼠标移到它的位置（显示另一个内容的地方）时，视频图像的方形片段通过内容覆盖闪烁它。

除了隐藏它之外，我还尝试将视频向左移动（style='display:none;left:-9999px;'）但它没有帮助，虽然在 Firebug 和 Chrome DevTools 中视频在同一个地方闪烁我可以看到应用了 -9999px 样式。

在那些发生在 Chrome 中的机器上，它总是发生（在同一台机器上，它在 IE/FF 中运行良好）。Chrome 版本是最新的（它会自动更新），目前是 27。

你有什么建议？

4

1 回答 1

0

解决方法是将?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>

将视频正确隐藏在以前无法使用的那些 chrome 中。

于 2013-06-25T14:34:32.437 回答