页面中视频,音频资源同时存在甚至多个时,禁止同时播放的处理

页面中视频,音频资源同时存在甚至多个时,禁止同时播放的处理

ensureOnlyMedia(){
        /*控制同一页面只有一个音频或视频在播放*/
        var videoList = document.getElementsByTagName("video");
        var audioList = document.getElementsByTagName("audio");
        for (let i = 0; i < videoList.length; i++) {
            let video = videoList[i];
            video.addEventListener('play', function (e) {
                for (let j = 0; j < videoList.length; j++) {
                    if (j !== i) videoList[j].pause();
                }
                for (let j = 0; j < audioList.length; j++) {
                    audioList[j].pause();
                }
            })
        }
        for (let i = 0; i < audioList.length; i++) {
            let audio = audioList[i];
            audio.addEventListener('play', function (e) {
                for (let j = 0; j < audioList.length; j++) {
                    if (j !== i) audioList[j].pause();
                }
                for (let j = 0; j < videoList.length; j++) {
                    videoList[j].pause();
                }
            })
        }
      },

你可能感兴趣的:(音视频,javascript,前端)