我們可以跟蹤視頻正在播放還是以Jquery結尾？

Question

是否可以檢查是否在iFrame中的視頻正在播放或已完成，

<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內部正在發生的狀態，但是您可以使用postMessage通過合理廣泛的採用（https://caniuse.com/#search=postmessage）從iFrame到頂部幀進行通信。

https://davidwalsh.name/window-postmessage

發送者（你的iframe）使用postMessage發送狀態更新以及頂部窗口偵聽事件稱爲message接收的消息。