Javascript 使用chrome时,我的网站上的Youtube/Viemo嵌入式视频无法全屏播放
在我的网站上,我嵌入了一段Youtube视频,其中包含以下简单代码: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中按下该视频上的全屏按钮时,该视
<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