TryCoding.FunTryCoding.Fun
  • 文章
  • 项目
  • 归档
  • 关于
搜索... ⌘K
Home Work Blog Projects
返回博客

JS 视频播放事件拦截

JavaScript 拦截视频播放事件,在视频播放时暂停并重置播放时间。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
2022年4月15日
Mt.r
|
#JavaScript

问题

拦截点击 play 后的播放事件

解决

Video.addEventListener('play', event => {
  console.log('视频播放器播放事件', event);
  Video.pause();
  Video.currentTime = 0;
});

参考文章

  • https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLMediaElement/play_event
  • https://stackoverflow.com/questions/5958132/javascript-to-stop-html5-video-playback-on-modal-window-close
上一篇
JavaScript 获取视频和图片加载状态
使用 JavaScript 获取页面中所有图片和视频的加载状态,并在加载完成后执行指定操作。文章提供了详细的代码示例和相关的参考链接。
下一篇
NestJS 文件上传:单文件、多文件及额外参数
NestJS 如何接收单个文件和多个文件的上传,以及如何在上传文件时添加额外参数的教程和示例代码。

目录

  • 问题
  • 解决
  • 参考文章

分类

全部文章 577 前端 393 运维 77 技术 71 后端 25 数据库 10 生活 1

热门标签

#JavaScript #Vue #Linux #CSS #Go #CentOS #React #Nginx #Git #HTML #iOS #Mac #MySQL #Jenkins #TypeScript #Python #Docker #C #Webpack #数据库
Trycoding.fun
© 2025 版权所有 京ICP备19000129号-4
文章 项目 归档 关于 GitHub