JavaScript 按钮停止页面上的所有音频

Question

我正在使用 mixlr.com 的嵌入播放器来播放音频。现在我需要一个按钮来停止整个站点的音频。虽然播放器有自己的播放暂停按钮。但是我需要我自己的按钮来控制整个网站的音频，如果我点击暂停按钮，它会暂停我整个网站的音频。有人可以帮我吗？

原文由 Samiul Haque Sohan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一键暂停所有音频：

 document.getElementById('stopButton').addEventListener('click', () => {
  document.querySelectorAll('audio').forEach(el => el.pause());
});

 <audio src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" controls loop></audio>
<audio src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" controls loop></audio>
<audio src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" controls loop></audio>

<div>
  <input id="stopButton" type="button" value="Stop All Audio" />
</div>

原文由 Samuel Liew 发布，翻译遵循 CC BY-SA 4.0 许可协议