Facebook上iframe的Youtube - Z-index问题

Question

我在我的脸书应用程序中嵌入了一个Youtube视频，但是当我向下滚动时，youtube视频浮动在facebookmenu-bar上方。看起来很糟糕，看截图。

乍一看，问题只出现在Chrome和Internet Explorer中，而不是Firefox中。 这似乎是一个Z指数问题。我已经尝试将＆amp; wmode = Opaque添加到我的youtube-url，但没有运气。

其他人有这个问题吗？如果是这样，你做了什么来解决它？

Answer 1

问题在于嵌入式youtube框架。您需要将其添加到网址的查询字符串中才能正常工作：

WMODE =透明

你得到这样的东西：

www.youtube.com/embed/xxxxxxxxx?wmode=transparent&rel=0

这将解决位于所有其他窗口和模态之上的嵌入式YouTube视频的z索引问题。

Answer 2

$(document).ready(function(){
    var frames = document.getElementsByTagName("iframe");

    for (var i = 0; i < frames.length; i++) {
         frames[i].src += "?wmode=opaque";
    }
});

此代码适用于我。

Answer 3

我认为这是一个新的facebook错误，因为它突然发生在所有视频嵌入中。不是海报应该修理或调整的东西。