Mobile Safari中的YouTube iFrame API错误

Question

使用YouTube iFrame API嵌入视频我遇到了一个奇怪的错误。

该漏洞仅在Mobile Safari（iPad3，mini和iPhone）上显而易见

无论我如何设置特定的高度或宽度，视频下的链接都不起作用。这就好像iFrames的高度没有被safari所尊重。 大约4-5行后，链接再次开始工作。

我看过一篇文章说你需要在iframe上设置属性scrolling =“no”，但这是嵌入的YouTube API所以不可能。

演示如下：

http://jsfiddle.net/sidonaldson/rqRvx/2

player = new YT.Player('player', {
    height: '200',
    width: '200',
    videoId: 'J---aiyznGQ'
});

Answer 1

我在iPhone上的移动Safari上遇到了类似的问题。加载多个YouTube视频会“停用”在其下方呈现的所有链接，并且只允许您按照加载的顺序播放视频。这是一个非常奇怪的行为，我还发现，当你播放最后一个视频时，链接会再次被点击。

我发现只有在使用视口元标记时才会发生这种情况。

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

虽然删除它可以解决问题，但我不确定这是否是您想要为移动网络应用做的事情。