jQuery click() für Videoelement

Question

Ich arbeite an SimpleWebRTC. Wenn neue Personen einem Raum beitreten, wird ein neues Videoelement hinzugefügt. Jetzt muss ich klicke auf irgendeines der Videoelemente. Also schreibe ich den folgenden Code

$('video').click(function(e) { 
     console.log('clicked'); 

     e.preventDefault() 
}); 

Offensichtlich war der Block innerhalb von jQuery Dokument bereit. Aber ich sehe nichts auf der Konsole. Das Seltsame ist, wenn ich den Code oben in der Konsole des Browsers einfüge, funktioniert das wie erwartet.

Ich brauche Ihre Richtlinie, um das Problem zu lösen.

Danke.

Answer 1

Zuerst: Definieren Sie eine Klasse für das Video-Tag. Zum Beispiel: .chat wie folgt aus:

<video class="chat" /> 

und benutzen Sie diesen Code:

$('video.chat').on('click', function (e) { 
    console.log(this); 
}); 

oder:

$(document).on('click', 'video.chat', function (e) { 
    console.log(this); 
}); 

Ich hoffe, dass es Ihnen hilft.

Answer 2

versuchen, eine ID, um das Video-Element zu geben, damit Ihr Skript

$('#video').click(function(e) { 
     console.log('clicked'); 

     e.preventDefault() 
}); 

sein sollte, so sollte es den Text „geklickt“ auf der Konsole zeigen, aber ich bin nicht sicher, es wird passieren mehr