JS video视频标签的相关操作

var elevideo = document.getElementById("Myvideo");

1.获取视频加载后获取视频的长度

elevideo.addEventListener('loadedmetadata', function () { 

    //加载数据 //视频的总长度 console.log(elevideo.duration); 

 })

2.视频开始播放

elevideo.addEventListener('play', function () { 

    //播放开始执行的函数 console.log("开始播放"); 

 })

3.视频正在播放中

elevideo.addEventListener('playing', function () { 

    //播放中 console.log("播放中");

})

4.视频加载中

elevideo.addEventListener('waiting', function () {

     //加载 console.log("加载中"); 

 })

5.视频暂停播放

elevideo.addEventListener('pause', function () {

     //暂停开始执行的函数 console.log("暂停播放"); 

 })

6.视频结束播放

elevideo.addEventListener('ended', function(){

     //结束 console.log("播放结束"); 

 }, false)

推荐阅读更多精彩内容