jQuery click() для элемента видео

Question

Я работаю над SimpleWebRTC. Когда новая группа присоединяется к комнате, добавляется новый элемент видео. Теперь мне нужно обработать щелчок по любому элементу видео. Поэтому я пишу код ниже

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

     e.preventDefault() 
}); 

Очевидно, что блок находился в готовом документе jQuery. Но я ничего не вижу на консоли. Странно, когда я вставляю код выше в консоли браузера, это работает как ожидалось.

Мне нужно ваше руководство для решения проблемы.

Спасибо.

Answer 1

Прежде всего: определите класс для видеотега. Например: .chat так:

<video class="chat" /> 

и использовать этот код:

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

или:

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

Я надеюсь, что это помогает.

Answer 2

Try дать идентификатор к видеоэлементу так что ваш сценарий должен быть

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

     e.preventDefault() 
}); 

Так он должен показать текст «щелкнул» на консоли, но я не уверен, что буду больше