其他分享
首页 > 其他分享> > js实现多个video,一个播放其他暂停

js实现多个video,一个播放其他暂停

作者:互联网

window.onload=function(){
    var videos = document.getElementsByTagName('video');//获取所有video
    //循环给所有video添加监听事件 当前的video开始播时  调用pauseAll 将当前播放的video的索引传值过去
    for (var i = videos.length - 1; i >= 0; i--) {
        (function(n){
            videos[n].addEventListener('play',function(){
                pauseAll(n);
            })
        })(i)
    }
    //接收调用传来的索引 循环所有video 索引与传来的索引不相同的 暂停 重载
    function pauseAll(index){
        for (var j = videos.length - 1; j >= 0; j--) {
            if (j!=index){
                videos[j].pause();
                videos[j].load();
            }
        }
    };

}

 

标签:function,pauseAll,videos,js,索引,video,var,播放
来源: https://www.cnblogs.com/ZhaoWeiNotes/p/13601333.html