为什么嵌入视频不是 z-index？答案

【问题标题】：Why embed video is not by z-index?为什么嵌入视频不是 z-index？
【发布时间】：2012-06-19 16:24:25
【问题描述】：

我的顶栏用 z-index 固定：10000000。

我的 iframe、嵌入、对象有 z-index：0。

我不明白为什么我的视频还在顶栏上方...

我该如何解决？

谢谢

【问题讨论】：

视频中是否有（部分）透明元素？

标签： html css video youtube

【解决方案1】：

使用旧的 youtube 嵌入方法并更改一些参数（将 wmode 设置为 opaque）：

<object width="420" height="315">
<param name="movie" value="http://www.youtube.com/v/oHg5SJYRHA0?version=3&amp;hl=ru_RU"></param>
<param name="allowFullScreen" value="true"></param>
<param name="wmode" value="opaque"/>
<param name="allowscriptaccess" value="always"></param>
<embed wmode="opaque" src="http://www.youtube.com/v/oHg5SJYRHA0?version=3&amp;hl=ru_RU" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

这应该会有所帮助。

【讨论】：

"opaque"...非常有帮助...您为我节省了很多时间...谢谢

【解决方案2】：

如果您使用的是Flash播放器，您可以使用wmode属性设置播放器的z-index，例如设置wmode=opaque

【讨论】：

好的，谢谢，但是如果我使用<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> </iframe> ?

【解决方案3】：

我认为您的问题与嵌入元素的 wmode 属性有关...您可以阅读here 的内容，以克服您可以添加到嵌入元素 wmode="transparent" 或 wmode="opaque “..

现在让我;)

【讨论】：