Youtube iframes 位于 Chrome 中的固定位置元素之上

【问题标题】：Youtube iframes sitting on top of fixed position element in ChromeYoutube iframes 位于 Chrome 中的固定位置元素之上
【发布时间】：2011-10-26 15:26:06
【问题描述】：

在 chrome youtube 中，iframe 浮动在我的固定位置标题之上。我已经尝试为两者设置 z-indexes 并且它没有发生。

有人知道解决这个问题的方法吗？

【问题讨论】：

在这里找到答案：stackoverflow.com/questions/3820325/… 将 ?wmode=opaque 添加到 iframe src url
我还需要&rel=0

标签： html css iframe youtube fixed

【解决方案1】：

当您像这样嵌入 youtube iframe 时：

<iframe width="560" height="315" src="http://www.youtube.com/embed/FSHDDteCBXw" frameborder="0" allowfullscreen></iframe>

默认的 wmode 会使视频覆盖其他所有内容，解决方案只是添加 ?wmode=opaque 在 src="http://www.youtube.com/embed/FSHDDteCBXw" 的末尾

像这样：

<iframe width="560" height="315" src="http://www.youtube.com/embed/FSHDDteCBXw?wmode=opaque" frameborder="0" allowfullscreen></iframe>

【讨论】：

这适用于 Firefox。但不是视频，而是将播放器完全呈现为黑色......
如果它是黑色的，那可能是因为您的 url 错误。如果已经有 ?在网址中，您要添加 &wmode=opaque 而不是 ?