如何在什么时候(以秒为单位)捕捉JQuery中播放或暂停的视频？

Question

HTML中的网页显示带有控件的视频.当视频被用户暂停时，我想要捕捉。jQuery on()方法可用于求解该问题。

我试过使用$('#vid').on('pause', function(){/* do something */});，但它不能正常工作。

$(function() {
    var timer = 0;
    var vid_interval = setInterval(inc_timer, 1000);
    function inc_timer() {
        timer++;
    }

    $('#myvideo').on('pause', function(e) {
        clearInterval(vid_interval);
        $('body').append('<div>Pause: '+ timer +'</div>');
    });
    $('#myvideo').on('play', function(e) {
        vid_interval = setInterval(inc_timer, 1000);
        $('body').append('<div>Play: '+ timer +'</div>');
    });
});

预期的结果是，它应该显示“暂停: 16"，当它在第16秒暂停，类似的视频播放，但它没有工作。

Answer 1

setInterval(function() {
    document.addEventListener("keydown", function(event){
      if (event.key === "m") {  //press key m for marker
         video_duration= video_player.currentTime().toFixed(1);
         video_player.markers.add([{ time: video_duration, text: " "}]);
    }
    });
    },1000);
// onclick m the marker will be added on video play