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

时间:2018-04-04 11:39:01

标签: javascript html ipad youtube

在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(不稳定)全屏。

0 个答案:

没有答案