移动Safari中的YouTube iFrame API错误

Question

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

此错误仅在Mobile Safari (iPad3, mini和iPhone)上出现

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

我看过一篇文章说你需要在iframe上设置属性滚动="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视频"禁用"它们下面呈现的任何链接，只允许您按照加载的顺序播放视频。这是一个非常奇怪的行为，我还发现，当你播放最后一个视频时，链接又可以点击了。

我发现只有当viewport meta标签被使用时，这种情况才会发生。

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

虽然删除它解决了问题，我不确定这是你想为移动web应用程序做的事情。