从父级停止 iframe 内的所有音频

Question

我有一个 index.html，其中包含多个 iframe。启动 index.html 时，我将不同的 html 页面加载到每个 iframe 中。每个 html 页面内部都有多个音频标签。我使用 index.html 在 iframe 之间导航。

是否可以在索引中设置一个停止所有音频的功能？当我想在当前一个 iframe 完成播放音频之前“跳转”到另一个 iframe 时，我遇到了音频相互叠加的问题。我知道如何从 iframe 访问父索引文件，但是如何定位索引中的所有 iframe 并停止音频标签？我无休止地搜索，但没有找到解决方案。

这是我试图开始工作的函数，但它似乎只捕获索引中的音频标签，而不是 iframe 中的那些。

function audioClear(){
    var sounds = window.document.getElementsByTagName('audio');
    for(i=0; i<sounds.length; i++) sounds[i].pause();
};

任何指导将不胜感激。我对音频工作还很陌生，所以我正在尽力而为。

Answer 1

应该这样做。
它应该迭代所有帧以找到音频。
试试看。

var frames = window.frames;
for (var i = 0; i < frames.length; i++) { 
  var sounds = frames[i].document.getElementsByTagName('audio');
  for(j=0; j<sounds.length; j++){
    sounds[j].pause();
  }
}