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

本文主要是介绍JavaScript单页面多视频，视频播放时其他视频暂停，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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循环遍历，如果元素不为本身，则暂停播放

这篇关于JavaScript单页面多视频，视频播放时其他视频暂停的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！