无法检测vimeo iframe上的jQuery点击

Question

简单的Vimeo iframe点击不起作用：

$('iframe').click(function(){
    alert('ok');
});

我也尝试过：

$('body').click(..
$(document).on('click','iframe',..

但是，当用户在悬停视频的同时单击视频时，什么都不起作用，它只是播放视频。

Answer 1

如果在嵌入代码中包含查询参数api=1，则可以访问事件，包括用户单击iframe中的视频时触发的事件(播放、暂停)。您可能还希望包含它们的froogaloop.js文件，以便更轻松地访问这些事件。

<iframe id="player1" src="http://player.vimeo.com/video/27855315?api=1&player_id=player1" width="400" height="225"></iframe>

• http://developer.vimeo.com/player/js-api
• http://jsfiddle.net/bdougherty/HfwWY/light
• https://github.com/vimeo/player-api/tree/master/javascript

Answer 2

它是iframe中的第三方域名，你不能因为same origin policy而这么做。

Answer 3

试试这个：

$('iframe').contents()
           .find('[src*="vimeo.com"]')
           .click(
               function(){
                  alert('foo');
               }
            );