video 标签 播放、暂停、结束等事件

<video id="video" controls="controls">
    <source type="video/mp4" src="xxx.mp4">
</video>

获取视频总时长

var elevideo = document.getElementById("video");
    elevideo.addEventListener('loadedmetadata', function () { //加载数据
        //视频的总长度
        console.log(elevideo.duration);
    });

事件

 elevideo.addEventListener('play', function () { //播放
        console.log("开始播放");
    });
    elevideo.addEventListener('playing', function () { //播放中
       console.log("播放中");
    });
    elevideo.addEventListener('waiting', function () { //加载
        console.log("加载中");
    });
    elevideo.addEventListener('pause', function () { //暂停
        console.log("暂停");
    });
     elevideo.addEventListener('ended', function () { //结束
        console.log("播放结束");
    }, false);

转载:https://blog.csdn.net/c_qianxia5040/article/details/113441476