如何捕获在什么时间（以秒为单位）在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秒暂停播放时，它应该显示“ Paused：16”（暂停：16），并且类似地用于视频播放，但是没有用。