1

使用 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'
});
4

1 回答 1

1

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

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

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

虽然删除它可以解决问题,但我不确定这是否是您想要为移动 Web 应用程序做的事情。

于 2013-05-18T15:07:11.457 回答