jQuery iframeのビデオを見る（youtube）

Question

私は埋め込まれたYouTubeのビデオだけを含むHTMLのiframeを持っています。ユーザーがビデオ/ iframeをクリックしても動作しないときにアクションを実行しようとしています。

HTML：：

<iframe id="myVideo" autoplay="true" src="https://www.youtube.com/embed/pyvGEnmv1E0"></iframe> 

のjQuery：ここでは、コードである "問題の行" で

$(function(){ 
    //line in question: 
    $('#myVideo').contents().find("body").click(function(){ 
    //perform action here 
    }); 
}); 

以上、私はまた、より多くのsimple-

$('#myVideo').click(function(){}); 

を試してみましたそれも失敗します。どんな助けもありがたいです。

アンドリュー

Answer 1

あなたはインラインフレームを介して取得するイベントをクリックして必要としない場合は、オーバーレイを使用し、その上でクリックイベントをキャプチャすることができます。 HTML

：

<div id="myVideoWrapper"> 
    <iframe id="myVideo" autoplay="true" src="https://www.youtube.com/embed/pyvGEnmv1E0"></iframe> 
    <div id="myVideoOverlay"></div> 
</div> 

CSS：

#myVideoWrapper { 
    position:relative; 
} 

#myVideoOverlay { 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
} 

JS：

このよう

$(function(){ 
    $('#myVideoOverlay').click(function(){ 
     alert('clicked'); 
    }); 
});