我们可以跟踪视频是不是正在播放或以 Jquery 结束？

Posted 2023-05-09

【中文标题】我们可以跟踪视频是不是正在播放或以 Jquery 结束？

【英文标题】：Can we track if a video is being played or is ended in Jquery?我们可以跟踪视频是否正在播放或以 Jquery 结束？

【发布时间】：2017-12-16 08:57:19

【问题描述】：

是否可以检查 iframe 内的视频是否正在播放或完成，

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

这是一个iframe，我只想在视频结束时触发一个事件，可以通过Jquery吗？

【参考方案1】：

iFrame 最初没有针对窗口元素之间的通信进行保护，但这最终成为了一个重大的安全问题。响应是隔离 iFrame 和沙箱中的主窗口之间的窗口对象。

因此，您无法直接探测 iFrame 内部正在发生的事情的状态，但您可以使用 postMessage 从 iFrame 与顶部框架进行通信，并得到相当广泛的采用 (https://caniuse.com/#search=postmessage)。

https://davidwalsh.name/window-postmessage

发送者（您的 iframe）使用 postMessage 发送状态更新，您的顶部窗口侦听名为 message 的事件以接收消息。