如何在嵌入式YouTube视频的iFrame中捕获onclick?

时间:2012-08-09 22:54:14

标签: javascript html iframe

我有一个显示嵌入式YouTube视频的iFrame。

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

我想要做的是以某种方式捕获点击事件,当用户点击你的管视频时,我可以调用http://myserver.com/dostuff rest api来更新外部服务器计数器,跟踪点击次数,当然允许视频按预期播放。

非常感谢任何信息。

3 个答案:

答案 0 :(得分:3)

我相信你不能。这将是一种安全风险。如果你主要想做跟踪和诸如此类的事情,你可能最好做一些事情,例如在用户点击的视频位置添加图像/按钮,从而导致视频出现。

修改:This solution may work too;我不确定它是否适用于不属于同一域名的iframe。

答案 1 :(得分:1)

window.postMessage可以提供帮助。但您应该可以访问您在iframe中呈现的页面的源代码。 因此,在嵌入YouTube视频的情况下,您可能无法解决此问题。

答案 2 :(得分:0)

每个人都有很好的反馈。感谢所有发布的人。在尝试了一些黑客之后,最重要的是通过html或javascript本身支持捕获click事件。

我找到的最好的工件和最干净的解决方案是here