jquery - 使用$(document).on('play','video',function(){}时播放不起作用)

时间:2017-09-27 08:08:34

标签: javascript jquery audio video playback

我不知道为什么在游戏中不起作用!!!

$('video').on('play', function(){ alert('working'); });

$(document).on('play', 'video', function(){ //not working });

正如我所知道的音频/视频我们应该使用get(0)来获取dom但是对于第二个它没有得到它,你的猜测/建议是什么?

另一个方法问题

所以似乎没有人知道这一点所以我决定使用点击事件。在点击事件中,我会检查它是否暂停,如果它已暂停,请暂停其他人并播放此其他信息暂停此操作。

$(document).on('click', 'video', function(){
    if($(this).get(0).paused)
    {
        $(this).get(0).play();
    }
    else
    {
        $(this).get(0).pause();
    }
});

它在Firefox中有效,但问题在使用chrome或ie时开始。当点击视频时它可以工作但是当点击播放按钮时它没有检测到点击事件已经触发!!!我该如何解决?

2 个答案:

答案 0 :(得分:0)

您可以尝试使用以下javascript解决方案:

document.getElementById('vid1').addEventListener('play', function(){ alert('working'); });

注意:" vid1"是视频元素的ID。

答案 1 :(得分:0)

document.addEventListener('play', function (e) {
    var video = e.target;
    if (video.nodeName === 'VIDEO') {
        console.log('onplay', video);
        // do something ...
    }
}, true);