Java教程

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单页面多视频,视频播放时其他视频暂停的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!