html5视频播放事件相关

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