在研究了 stackoverflow 上至少十个类似的问题后,我似乎偶然发现了一些新东西:
最近(不确定具体什么时候停止工作)嵌入式 YouTube 视频上的全屏按钮在 iPad 上被禁用,如果我尝试单击它,则会弹出“您的浏览器不支持全屏”的注释。
这个旧的 jsfiddle 清楚地表明了问题:http://jsfiddle.net/zub16fgt/ 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/ 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 的(不稳定的)全屏。