Youtube视频全屏无法在Firefox中运行

时间:2014-04-08 14:21:14

标签: javascript css firefox youtube

Youtube视频全屏无法在firefox中运行(第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将变黑。

以上代码在Google Chrome中运行良好。如果我从网址中删除&amp; wmode = transparent,它也可以正常工作。我无法删除&amp; wmode = transparent,因为我有z-index问题

请帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

如果你试试这个怎么办?

<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>
用于触发全屏按钮的

&amp; fs = 1和用于解决浏览器特定问题的 webkitallowfullscreen,mozallowfullscreen