美文网首页
JS video视频标签的相关操作

JS video视频标签的相关操作

作者: 安徒生1997 | 来源:发表于2021-03-27 10:57 被阅读0次

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)

相关文章

网友评论

      本文标题:JS video视频标签的相关操作

      本文链接:https://www.haomeiwen.com/subject/rsgehltx.html