移动 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">

虽然删除它可以解决问题，但我不确定这是否适合移动网络应用程序。