Question

在stackoverflow上翻了至少十个类似的问题之后，似乎我偶然发现了一些新东西：

最近（确定何时停止工作）嵌入式YouTube视频上的全屏按钮在iPad上被禁用，如果我尝试点击它，则会弹出“您的浏览器不支持全屏”的注释。

这位老jsfiddle清楚地表明了问题：http://jsfiddle.net/zub16fgt/

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
    }
 });

我也尝试过以下纯html标签，没有任何变化：

http://jsfiddle.net/zub16fgt/501/

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

经过几百万次设置测试后，我放弃了：

如何让播放器启用全屏按钮？

请注意/解答：我决定一起禁用全屏按钮，而是创建一个覆盖整个窗口的视频，里面有视频。

这看起来还不错，让我有机会根据自己的喜好设计全屏窗口，而不是依靠youtube（不稳定）全屏。

iPad上隐藏的嵌入式Youtube播放器中的全屏按钮

0 个答案: