移动Safari中的YouTube iFrame API漏洞

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

该漏洞只在移动Safari（iPad3、mini和iPhone）上出现

无论我如何设置特定的高度或宽度，视频下的链接都不起作用。这就好像野生动物园不尊重iFrames的高度一样。 大约4-5行之后，链接再次开始工作

我看过一篇文章，其中说需要在iframe上设置属性scrolling=“no”，但这是YouTube API嵌入，因此不可能

演示如下：

---

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

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

---

虽然删除它可以解决问题，但我不确定您是否希望为移动web应用程序执行此操作。

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

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

---

虽然删除它可以解决问题，但我不确定您是否希望为移动web应用程序执行此操作。

好提示！我正在使用视口元标记。我会看一下，看看这是否会影响它……我已经更新了fiddle，使其包含一个带有属性scrolling=“no”的静态嵌入式iFrame。没有视口集。好的，再仔细研究一下这个问题，我发现了这个列出的bug：这个问题被标记为已修复，所以我将把你的答案标记为正确。很棒的提示！我正在使用视口元标记。我会看一下，看看这是否会影响它……我已经更新了fiddle，使其包含一个带有属性scrolling=“no”的静态嵌入式iFrame。没有视口集。好的，再研究一下这个问题，我发现了这个列出的错误：这个问题被标记为已修复，所以我将标记您的答案为正确。

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