Javascript 在iPad上禁用嵌入式Youtube播放器中的全屏按钮

Javascript 在iPad上禁用嵌入式Youtube播放器中的全屏按钮,javascript,html,ipad,youtube,Javascript,Html,Ipad,Youtube,在仔细研究了至少十个关于stackoverflow的类似问题后,我似乎发现了一些新的东西: 最近,iPad上的嵌入式youtube视频上的全屏按钮被禁用(不确定何时停止工作),如果我尝试单击它,就会弹出“你的浏览器不支持全屏”的提示 这个旧的JSFIDLE清楚地显示了问题: Js fiddle html如下所示: <script src="https://www.youtube.com/iframe_api"></script> <div id="player"&g

在仔细研究了至少十个关于stackoverflow的类似问题后,我似乎发现了一些新的东西:

最近,iPad上的嵌入式youtube视频上的全屏按钮被禁用(不确定何时停止工作),如果我尝试单击它,就会弹出“你的浏览器不支持全屏”的提示

这个旧的JSFIDLE清楚地显示了问题:

Js fiddle html如下所示:

<script src="https://www.youtube.com/iframe_api"></script>
<div id="player"></div>

javascript:

var onPlayerReady = function(event) {
      event.target.playVideo();  
};

// The first argument of YT.Player is an HTML element ID. YouTube API will replace my <div id="player"> tag with an iframe containing the youtube video.
var player = new YT.Player('player', {
    height: 320,
    width: 400,
    videoId : '6Dc1C77nra4',
    events : {
        'onReady' : onPlayerReady
    }
 });
var onPlayerReady=函数(事件){
event.target.playVideo();
};
//Player的第一个参数是HTML元素ID。YouTube API将用包含YouTube视频的iframe替换我的标记。
var player=新的YT.player('player'{
身高:320,
宽度:400,
videoId:'6Dc1C77nra4',
活动:{
“onReady”:onPlayerReady
}
});
我也尝试过以下纯html标记,没有任何更改:


在使用几百万个设置进行测试后,我放弃了:

如何使播放机启用全屏按钮


注/答复: 我决定一起禁用全屏按钮,并创建了一个覆盖整个窗口的窗口,其中包含视频

这看起来不错,让我有机会根据自己的喜好设计全屏窗口,而不是依赖youtube(不稳定的)全屏

<iframe id="walkthrough-0" width="100%" height="315" src="https://www.youtube.com/embed/6Dc1C77nra4" frameborder="0" allowfullscreen=""></iframe>