页面视频只可以播放一个

Posted 2021-11-02 alitar

// 页面只有一个可以播放

        var videos = document.getElementsByTagName(‘video‘);
        for (var i = videos.length - 1; i >= 0; i--) {
            (function(){
                var p = i;
                videos[p].addEventListener(‘play‘,function(){
                    pauseAll(p);
                })
            })()
        }
        function pauseAll(index){
            for (var j = videos.length - 1; j >= 0; j--) {
                if (j!=index) videos[j].pause();
            }

        }