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>

最后

以上就是无辜小兔子最近收集整理的关于Javascript判断Video视频播放、暂停、结束完成及获取长度事件监听处理的全部内容，更多相关Javascript判断Video视频播放、暂停、结束完成及获取长度事件监听处理内容请搜索靠谱客的其他文章。