多个音视频标签只播放一个音视频

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <audio class="aplay" controls src="http://message.qtonghua.com/sign_sound_verify.php?mid=5923546">"&gt;</audio>
    <audio class="aplay" controls src="http://message.qtonghua.com/sign_sound_verify.php?mid=5923546">"&gt;</audio>
    <audio class="aplay" controls src="http://message.qtonghua.com/sign_sound_verify.php?mid=5923546">"&gt;</audio>
    <audio class="aplay" controls src="http://message.qtonghua.com/sign_sound_verify.php?mid=5923546">"&gt;</audio>
    <audio class="aplay" controls src="http://message.qtonghua.com/sign_sound_verify.php?mid=5923546">"&gt;</audio>
    <audio class="aplay" controls src="http://message.qtonghua.com/sign_sound_verify.php?mid=5923546">"&gt;</audio>
    <audio class="aplay" controls src="http://message.qtonghua.com/sign_sound_verify.php?mid=5923546">"&gt;</audio>
    
</body>
<script>
    window.onload = function(){  
        var audios = document.getElementsByTagName("audio");  
        // 暂停函数  
        function pauseAll() {  
            var self = this;  
            [].forEach.call(audios, function (i) {  
                // 将audios中其他的audio全部暂停  
                i !== self && i.pause();  
            })  
        }  
        // 给play事件绑定暂停函数  
        [].forEach.call(audios, function (i) {  
            i.addEventListener("play", pauseAll.bind(i));  
        })  
    } 
</script>

</html>

觉得有用麻烦关注点个赞，原创不易