gpt4 book ai didi

javascript - 使用 chrome 时,我网站上的 Youtube 嵌入式视频无法全屏显示

转载 作者:数据小太阳 更新时间:2023-10-29 04:08:04 29 4
gpt4 key购买 nike

在我的网站上,我用这个简单的代码嵌入了一个 Youtube 视频:

<iframe src="//www.youtube.com/embed/bpqTiwfzqdo" width="640" height="360" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

结果是页面底部的视频: http://www.rpginsider.com/child-of-light-releases/

当我在 Chrome 中按下该视频的全屏按钮时,该视频没有全屏显示。相反,我的整个浏览器全屏显示(就像我按 F11 键一样),但不是视频。

但是,当我使用 Explorer 或 Firefox 时,全屏显示效果很好。所以很明显我做错了什么。任何帮助,将不胜感激。

最佳答案

此问题可能是由 CSS 动画引起的。如果 iframe 的任何祖先元素由 CSS3 Animations 设置动画,并且 (-webkit-)animation-fill-mode 属性设置为“forwards”或“both”,则视频在 Chrome 上未设置为全屏。

关于javascript - 使用 chrome 时,我网站上的 Youtube 嵌入式视频无法全屏显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23402376/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com