使用chrome时,全屏对我网站上的Youtube / Viemo嵌入式视频无效

时间:2014-11-10 10:05:01

标签: javascript html5 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>

网站演示可在以下网址查看:https://testvillage.letsventure.com/dreamon

当我在Chrome浏览器中按下该视频的全屏按钮时,视频会全屏显示并再次自动恢复。

然而,当我使用资源管理器或Firefox时,全屏工作正常。显然,我做错了什么。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

您需要更改allowfullscreen =&#34;&#34;允许屏幕显示。

我没有在本地验证这一点。但是这个属性的行为类似于&#34;选择&#34;在&#34;选择/选项&#34;。

以下是Vimeo的语法。

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

注意标签ebkitallowfullscreen,mozallowfullscreen,allowfullscreen。