Youtube视频全屏在火狐中不起作用

Youtube video full screen is not working in firefox

本文关键字：火狐 不起作用 视频 Youtube      更新时间：2023-09-26

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，它也可以很好地工作火狐。我无法删除 &wmode=透明，因为我有 z 索引问题

请帮我解决这个问题。

如果你试试这个呢？

<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 用于触发全屏按钮和 WebkitAllow全屏，Mozallow全屏用于解决浏览器特定问题。

相关文章：