Mobile Safari中的YouTube iFrame API错误

Question

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

的错误是只在移动Safari浏览器（的iPad3，Mini和iPhone）明显

不管我做什么设置一个特定的高度或宽度的视频下方的链接不工作。就好像iFrames的高度没有被Safari浏览器所尊敬。 大约4-​​5行后，链接再次开始工作。

我看到一篇文章说你需要在iframe上设置属性滚动=“否”，但这是嵌入YouTube API的不可能。下面

演示：

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

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

Answer 1

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

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

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

虽然删除它解决了这个问题，我不知道这是你要的移动网络应用程序做一些事情。