javascript - 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 内のサード パーティのドミアンです。同じオリジン ポリシーにより実行できません。

Answer 3

これを試して：

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

Answer 4

iframe 内の何かを見つける前に、iframe がロードされているかどうかを判断する必要があることがわかりました。次に、ページの読み込み後に iframe が読み込まれるか、プロセスの後半でリロードされると、クリック機能が機能します。

jQuery('#iframe').load(function() {
   jQuery('#iframe').contents().find('#play-button').click(function () {
        // do your stuff
    });
}

** これはクロスドメインで機能する場合と機能しない場合がありますが、読み込まれた iframe が iframe で何かが発生したかどうかを判断するハック的な方法として使用できるかどうかを判断します。ドメインの iframe の上に「再生」ボタンを作成した場合、ページの読み込み後にクリック機能を介して iframe を読み込むために使用でき、読み込み機能にスライドショーの一時停止を含めることができます。