js如何只允许一个audio播放

js如何只允许一个audio播放
播放第二收歌曲时，前一首却没有暂停，怎么办

一个页面中有多个audio标签，播放其中一个时暂停其他，只允许一个audio播放_Mencre的博客-CSDN博客 var audios = document.getElementsByTagName("audio");// 暂停函数function pauseAll() { var self = this; [].forEach.call(audios, function (i) { // 将audios中其他的audio全部暂停 i !== self && i.pause()...

https://blog.csdn.net/qq_17497931/article/details/81000806

你题目的解答代码如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
</head>
<body>

<audio src="aaa.mp3" controls="controls" >你的浏览器不支持audio标签</audio><br />
<audio src="bbb.mp3" controls="controls" >你的浏览器不支持audio标签</audio><br />
<audio src="ccc.mp3" controls="controls" >你的浏览器不支持audio标签</audio><br />

<script type="text/javascript">
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>
</body>
</html>

如有帮助，望采纳！谢谢!