使用iOS 6查看嵌入式YouTube视频 - iframe无法点击后的链接

时间:2013-05-16 23:11:42

标签: html5 iframe ios6 youtube

在运行iOS 6.1.3的iPad和iPhone上,我无法查看嵌入在youtube视频下方的链接。这是一个例子:

<a href="http://xenforo.com/community/">Xenforo</a>

<br /><br />

<iframe width="560" height="315" src="http://www.youtube.com/embed/dCyyNxHmDqg" frameborder="0" allowfullscreen></iframe>

<br /><br />

<a href="http://xenforo.com/community/">Xenforo</a>

您可以点击嵌入式YouTube视频上方的链接,但不能点击其下方的视频。如果您启动视频,则可以点击视频下方的链接。

1 个答案:

答案 0 :(得分:0)

似乎youtube iframes有一些额外的内容会在iframe之后阻止你的内容。这里有一些解决方法可以帮助我解决这个问题(使用Jquery。将此添加到窗口的加载事件中。实际上,您可以在此之前检查iPhone设备并仅应用iPhone设备的此代码。

$('iframe').each(function () {
     $(this).css({
         'height': this.height - 1
     });
});

我现在正在努力找到更干净的解决方案,如果我有什么我会更新我的答案:)