YouTube嵌入式视频和Vimeo嵌入式视频之间的行为似乎彼此不同,并且在iOS / Android平台之间也不同.

我正在由wordpress插件提供的灯箱内显示视频.视频通过具有allowfullscreen属性的iframe嵌入.

在iPhone(使用Chrome浏览器)上,当用户按下YouTube或Vimeo视频上的播放时,它将自动进入全屏模式.

在Android手机(三星Galaxy S6,使用Chrome浏览器)上,当用户在Vimeo上按播放时,它也会自动进入全屏模式.当Android用户按下YouTube视频上的播放按钮时,它仍保留在灯箱中,并在下方显示一些控件,并带有进入全屏模式的选项.

以下是一些屏幕截图：

Vimeo
在灯箱中,按播放之前

按下播放后,Vimeo会自动进入全屏

的YouTube
灯箱中的YouTube视频

按下Play后,YouTube不会自动进入全屏状态(但在iPhone上可以)

题
有没有办法让YouTube在所有设备上都像Vimeo一样运作？

解决方法:

参照以下内容更改代码：

$(function(){
  $('#video').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' });

  $(window).resize(function(){
    $('#video').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe id="video" src="//www.youtube.com/embed/5iiPC-VGFLU" frameborder="0" allowfullscreen></iframe>