如何为动态添加到页面的所有 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);