javascript控制同一页面中的音频和视频（audio和video标签）同时只能有一个播放

一、 步骤

1. 获取所有的video、audio标签
2. 监听所有的音视频的播放状态
3. 如果当中的某一个音视频播放状态被触发则暂停其它所有的音视频播放；

二、代码

/*控制同一页面只有一个音频或视频在播放*/
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) {
        console.log(video);
        console.log('提示该视频正在播放中');
        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) {
        console.log(audio);
        console.log('提示该音频正在播放中');
        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();
        }
    })
}