Как добавить событие onplay ко всем html5-видео, которые динамически добавляются на страницу?

Question

Я пытаюсь использовать следующий код для добавления события onplay ко всем видео, которые динамически добавляются на мою страницу, но это не работает!

Я пытался с делегированием событий jQuery, но все еще не работал, но я бы предпочел чистое решение JavaScript.

 document.addEventListener('play', function(e){
  console.log("video started");
 })

 document.addEventListener('play', function(e){
      console.log("video started");
 })

<video width="400" controls>
  <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

Answer 1

Я нашел решение, мне нужно передать третий параметр как true.

например

 document.addEventListener('play', function(e){
  console.log("video started");
 }, true);