jquery - le jeu ne fonctionne pas lorsque vous utilisez $ (document) .on ('play', 'video', function() {})

Question

Je ne sais pas pourquoi le jeu ne fonctionne pas !!!

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

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

Comme je sais que nous devrions utiliser get (0) audio/vidéo pour obtenir le dom mais pour le second, il n'a pas obtenu que, quelle est votre estimation/suggestion?

Un autre problème d'approche

il semble que personne ne le sait donc je décidé d'utiliser cliquez sur événement. Dans l'événement click, je vérifie s'il est en pause ou non, s'il est en pause, alors mettez les autres en pause et jouez ce jeu.

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

il fonctionne dans Firefox mais le problème commence lors de l'utilisation de chrome ou IE. Lorsque vous cliquez sur la vidéo, cela fonctionne, mais lorsque vous cliquez sur le bouton de lecture, il ne détecte pas l'événement de clic a déclenché !!! comment puis-je résoudre ce problème?

Answer 1

Vous pouvez essayer avec javascript solution ci-dessous:

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

Note: "vid1" est l'identifiant de l'élément vidéo.