移动浏览器中的YouTube iFrame应用编程接口错误

Question

在使用YouTube iFrame API嵌入视频时，我遇到了一个奇怪的bug。

这个漏洞只在Mobile Safari (iPad3，mini和iPhone)上才明显

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

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

演示如下：

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

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

Answer 1

我在iPhone上的移动Safari上遇到了类似的问题。加载多个YouTube视频会“禁用”它们下面呈现的任何链接，并且只允许您按加载的顺序播放视频。这是一种非常奇怪的行为，我还发现，当你播放最后一个视频时，链接又变得可点击了。

我发现只有在使用viewport meta标记时才会发生这种情况。

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

尽管移除它可以解决这个问题，但我不确定这是不是你想要为移动web应用程序做的事情。