JavaScript单页面多视频，视频播放时其他视频暂停

最新推荐文章于 2024-02-06 10:39:29 发布

CodeXu_cyber

最新推荐文章于 2024-02-06 10:39:29 发布

阅读量906

点赞数 2

文章标签：视频播放事件监听暂停互斥控制 JavaScript

本文链接：https://blog.youkuaiyun.com/qq_16469323/article/details/119272231

版权

var videos = document.getElementsByTagName('video')
    for (let i =0;i<videos.length;i++){
        videos[i].addEventListener('play', function(){
            var vs = document.getElementsByTagName('video')
            for (let j = 0; j < vs.length; j++) {
                if (vs[j]!==this)
                    vs[j].pause();
            }
        })
    }

思路：页面加载后获取所有video标签并为它们加上播放监听事件，事件日内容为：视频播放时，获取所有video标签，for循环遍历，如果元素不为本身，则暂停播放