代码之家 › 专栏 › 技术社区 › Muhammad

如何将onplay事件添加到所有动态添加到页面的html5视频中?

event-delegation html5-video javascript-events

Muhammad · 技术社区 · 6 年前

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>

1 回复 | 直到 4 年前

Muhammad 6 年前

我找到了一个解决方案,我需要传递第三个参数为真。

例如

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

推荐文章

Alex Luya · 如何将html5视频捕获上传到服务器?

7 年前

Bailey Miller · 。用于FileStream视频流的NET Core 2.0 Web API

7 年前

Brett Williams · 当设备上不允许自动播放时,用背景图像替换背景视频[复制]

7 年前

nemrrached · html 5视频不仅适用于ipad air 2

7 年前

fantastic name · 未在文本框中键入内容时,暂停按键上的HTML<视频>标记

7 年前

Sonu Tyagi · 如何在半桌面屏幕上制作全高视频?

7 年前

kadina · 无法使用z索引在视频上显示按钮或文本

7 年前

dank · Bootstrap Carousel使Html5视频在chrome上闪烁

7 年前

Cofey · 需要在悬停或播放时显示HTML5视频控件

7 年前

Vitaly Zalivan · 重新加载页面后,静音视频使用声音

7 年前