ビデオが再生されているか、またはJqueryで終了しているかどうかを追跡できますか？

Question

はインラインフレーム内の動画が再生されているか終了したかどうかを確認することが可能であり、ここで

<div class="item"> 
    <div class="home-content-slider"> 
     <div class="home-content-inner"> 
      <iframe id="vid1" src="<%= post %>" width="" height="" frameborder="0" allowfullscreen></iframe> 
     </div> 
    </div> 
</div> 

はIFRAMEで、私は、すぐにビデオが終了などのイベントをトリガーにしたい、てことは可能ですJquery？

Answer 1

iFramesは最初、ウィンドウ要素間の通信から保護されていませんでしたが、最終的に大きなセキュリティ上の懸念になりました。その答えは、iFrameとサンドボックス内のプライマリウィンドウ間でウィンドウオブジェクトを分離することでした。

その結果、あなたは直接のiFrame内で何が起こっているかの状態を調べることはできませんが、合理的に広く採用（https://caniuse.com/#search=postmessage）で、postMessageを使用して先頭フレームにiFrameのから通信することができます。

https://davidwalsh.name/window-postmessage

送信者（あなたのiframe）は、ステータスの更新を送信するためにpostMessageを使用して、あなたの一番上のウィンドウには、メッセージを受信するためにmessageと呼ばれるイベントをリッスンします。