引导模式vs Youtube视频z索引问题

我在同一页面上使用Twitter引导模式和Youtube视频。我面临着Z索引问题，视频显示在Chrome浏览器的模式窗口上方

我如何解决这个问题

---

你放在页面上的YouTube视频是基于flash的。Flash对象在窗口顶部单独渲染，因为它们不是HTML5堆栈的一部分。Z指数对这些没有影响

---

请参见，例如，

您应该将YouTube URL与？wmode=透明参数一起使用

<iframe src="http://www.youtube.com/embed/EBSnWlpTPSk?wmode=transparent"></iframe>

---

如果包含对象/嵌入标记，则应为对象标记添加

，为嵌入标记添加

wmode=transparent

。

根据Fatih的建议，解决方案是传递

wmode=transparent

。对于IFrame API，我使用了以下内容：

var player = new YT.Player(pContainer, {
            height: 300,
            width: 400,
            videoId: contentID,
            playerVars : {wmode: "transparent"},
            events: {
                ...
                }
            }
});

---

你可以很容易地解决这个问题

使用：

内部对象标记

<object title="YouTube video player" width="480" height="390"   
data="http://www.youtube.com/embed/EBSnWlpTPSk"  
frameborder="0" wmode="Opaque">  
<param name="wmode" value="opaque" />
</object>

---

对象方法现在已被弃用：

---

您可以使用直接对象引用（不是

，而是

本身）将youtube视频放在页面上，然后添加

。或者，youtube似乎支持在iframe url中设置此属性；因此，尝试用

http://www.youtube.com/embed/EBSnWlpTPSk?rel=0&vmode=transparent

。对我来说，它在铬上工作；但是，它可能在某些浏览器和/或某些flash引擎中不起作用。尝试更改URL但无效。你能分享嵌入代码吗。或者给我一个链接来修改它？哦，对不起，输入错误。正确的url是

http://www.youtube.com/embed/EBSnWlpTPSk?rel=0&wmode=transparent

。iframe中有一个

。你可以把这个

本身放在你的页面上（而不是包含它的iframe），然后把它添加到

中。这对我真的很有帮助。实际上，这篇文章应该被标记为一个答案，因为它解决了问题上的问题这个问题只发生在我的Internet Explorer中，但是添加

&wmode=transparent

为我解决了这个问题。YouTube视频也出现在固定导航栏上。

<object title="YouTube video player" width="480" height="390"   
data="http://www.youtube.com/embed/EBSnWlpTPSk"  
frameborder="0" wmode="Opaque">  
<param name="wmode" value="opaque" />
</object>