html - 捕捉视频 HTML5 播放/停止事件

Question

如何监听 HTML5 视频的播放/停止/暂停事件？我尝试使用以下代码:

$("video").on('play',function(){
    //my code here
});

但它不起作用。

或者我也可以拦截停止和启动视频的点击(事实上我更愿意)，但即使是这段代码也不起作用:

$('video').on('click', function(event) {
    //my code here
});

我想是因为经常在视频元素上方放置一个带有相关事件开始和停止的 div，但我不知道如何通过 jQuery 或 Javascript 进行选择:

附言此代码应适用于动态组成/不是由我生成的页面，因此我无法引用指示其 ID 或特定类的元素。

更新

我没有意识到我正在测试的页面在 iframe 中有一个视频。语法最适合我的需要:

doc.querySelector("video").addEventListener('play', function(e) {
    //my code here
}, true);

Answer 1

看这里:

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events

所以...:

$("video")[0].onplay = function () {
    // Do play stuff here
};

希望对您有所帮助!