如何为所有动态添加到页面的 html5 视频添加 onplay 事件？

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);