一个页面，只让一个音频播放，其他暂停

JavaScript实现音频播放时暂停其他音频

最新推荐文章于 2024-08-09 11:14:28 发布

原创最新推荐文章于 2024-08-09 11:14:28 发布 · 993 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

9 篇文章

订阅专栏

这段博客内容主要展示了一段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));
})