javascript - Youtube 视频全屏在 Firefox 中不起作用

Question

YouTube 视频全屏在 firefox(ver 28)中不工作。

这是我的代码

<div class="video-div-container">
<div class="video-container">
    <iframe src="//www.youtube.com/embed/eMalsA4LiSQ?rel=0&showinfo=0&modestbranding=1&wmode=transparent"
                    width="640" height="360" frameborder="0" allowfullscreen></iframe>
</div>
</div>

当我点击全屏按钮时，iframe 会变成黑色。

以上代码在谷歌浏览器中运行良好。如果我从 url 中删除 &wmode=transparent ，它也可以在 firefox 上正常工作。我无法删除 &wmode=transparent，因为我有 z-index 问题

请帮我解决这个问题。

Answer 1

如果你试试这个会怎样？

<div class="video-div-container">
<div class="video-container">
<iframe src="//www.youtube.com/embed/eMalsA4LiSQ?rel=0&showinfo=0&modestbranding=1&wmode=transparent&fs=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>

&fs=1 用于触发全屏按钮，webkitallowfullscreen, mozallowfullscreen 用于解决浏览器特定问题。