Javascript 使用chrome时,我的网站上的Youtube/Viemo嵌入式视频无法全屏播放

Javascript 使用chrome时,我的网站上的Youtube/Viemo嵌入式视频无法全屏播放,javascript,html,google-chrome,web,html5-video,Javascript,Html,Google Chrome,Web,Html5 Video,在我的网站上,我嵌入了一段Youtube视频,其中包含以下简单代码: <iframe width="560" height="315" src="//player.vimeo.com/video/72625639?wmode=opaque" class="st_public_video top1" frameborder="0" allowfullscreen=""></iframe> 可以在以下位置查看站点演示: 当我在Chrome中按下该视频上的全屏按钮时,该视

在我的网站上,我嵌入了一段Youtube视频,其中包含以下简单代码:

<iframe width="560" height="315" src="//player.vimeo.com/video/72625639?wmode=opaque" class="st_public_video top1" frameborder="0" allowfullscreen=""></iframe>

可以在以下位置查看站点演示:

当我在Chrome中按下该视频上的全屏按钮时,该视频将全屏显示,并再次自动恢复


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

您需要将allowfullscreen=“”更改为allowfullscreen

我还没有在当地证实这一点。但此属性的行为类似于“选择/选项”中的“选定”

下面是Vimeo的语法

<iframe src="//player.vimeo.com/video/VIDEO_ID" width="WIDTH" height="HEIGHT" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

注意标记ebkitallowfullscreen、mozallowfullscreen、allowfullscreen