如何将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

我找到了一个解决方案，我需要将第3个参数传递为true。

例如

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