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 之前立即引发
感谢作者:
上一篇: 51Nod - 1019
下一篇: Kubernetes之Volumes