欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

html5视频播放事件相关

程序员文章站 2022-05-11 17:07:42
...

html5视频播放事件相关

使用:

监听视频播放结束

var myVideo = $("#videoPlayExecute");
// 监听视频播放结束
myVideo[0].addEventListener("ended", function () {
    // ...
});

 监听视频开始播放

var myVideo = $("#videoPlayExecute");
// 监听视频开始播放
myVideo[0].addEventListener("playing", function () {
    // ...
});

事件:

  • loadstart 客户端开始请求数据
  • progress 客户端正在请求数据
  • suspend 延迟下载
  • abort 客户端主动终止下载(不是因为错误引起)
  • error 请求数据时遇到错误
  • play play()和autoplay开始播放时触发pausepause()触发
  • loadedmetadata 成功获取资源长度
  • loadeddata资源获取完毕。在当前播放位置加载媒体数据时引发。视频可以开始播放
  • waiting 等待数据,并非错误
  • playing 开始播放
  • canplay 可以播放,但中途可能因为加载而暂停
  • canplaythrough 可以播放,歌曲全部加载完毕
  • seeking 寻找中
  • seeked 寻找完毕
  • timeupdate 播放时间改变
  • ended 播放结束
  • ratechange 播放速率改变
  • durationchange 资源长度改变
  • volumechange 音量改变
  • canplaythrough 在不需要进一步缓冲就可以播放直至文件结束时引发
  • emptied 视频对象重置为其初始状态
  • stalled 在下载被中断三秒以上时引发。这可以指示网络问题
  • waiting 在播放由于视频的下一帧不可用(可能需要缓冲)而停止时引发
  • progress 引发此事件以指示正在下载媒体内容。下载完成后停止引发
  • durationchange 在 onloadstart 之后和 onloadedmetadata 之前立即引发

感谢作者:

https://zhuanlan.zhihu.com/p/24491993

https://zhuanlan.zhihu.com/p/25127524

上一篇: 51Nod - 1019

下一篇: Kubernetes之Volumes