Javascript判断Video视频播放、暂停、结束完成和获取长度事件监听处理

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

<script>
	function videoInit(){
        let elevideo = document.getElementById('myVideo');
        elevideo.addEventListener('loadedmetadata', () => {
            //视频的总长度
            console.log('总长度:'   elevideo.duration);
            clearInterval(this.timer);
        });
        elevideo.addEventListener('play', () => {
            //播放开始执行的函数
            console.log('开始播放');
        });
        elevideo.addEventListener('playing', () => {
            //播放中
            console.log('播放中');
            this.timer = setInterval(() => {
                console.log('播放进度:'   parseFloat(elevideo.currentTime));
            }, 100);
        });
        elevideo.addEventListener(
            'ended',
            () => {
                //结束
                console.log('播放结束');
                clearInterval(this.timer);
            },
            false
        );
    };
</script>

这篇好文章是转载于：学新通技术网