Js video监听事件

最新推荐文章于 2024-01-19 17:37:24 发布

原创最新推荐文章于 2024-01-19 17:37:24 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html5 #html

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

<script type="text/javascript">
    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);

</script>