iframeを停止します。youtube video

Question

divをクリックすると、YouTube動画の再生を停止します。私はこれをどうやって行うのか分からず、オンラインで情報を使うときにはうまく機能しません。 これは私がやったことです！

私はユーチューブはiframeのAPIをリンクしています

<script src="https://www.youtube.com/iframe_api"></script> 

それから私は私のhtmlファイルではiframeを持っている：

$("#popupvid").click(function(){ 
    $("#popupvid").css("display","none"); 
    $("#vid").css("display","none"); 

    //Code to make the youtube video stop here: 

}); 

：

<iframe id="vid" src="https://www.youtube.com/embed/P2lm356ycwY?enablejsapi=1" frameborder="0" allowfullscreen></iframe> 

はその後、私のスクリプトで、私はこのコードを持っています

ビデオがここで停止するように書くには何が必要ですか？ ありがとうございます！

Answer 1

$(document).ready(function() { 
    $("iframe").mouseover(function() { 
     $("iframe").each(function() { 
      $(this)[0].contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*'); 
     }); 
    }); 
}); 

これはをクリックしてイベントを介して、変更のマウスを、すべての動画を停止し、あなたのdivのIDへの最初のiframe