jquery - 当我导航到同一文件中的另一个页面时如何停止音频播放？

Question

我有一个带有故事演示故事的文件。当我转到下一页时，我使用的是右箭头键。当我在新页面中时，旧页面继续播放，我需要听到新记录。

1. 当我转到下一页停止旧播放时，如何创建事件或制定其他解决方案？

当我转到下一页时，我仍然在同一个文件中。

<footer>
    <div style="position:relative;width:100%;margin-top:0px;margin-bottom:0px;">
    <div style="width:960px;height:94px;position:relative;margin:0px;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;padding:0px;overflow:hidden">
        <audio controls="controls">
          <source src="CarlyAndHerLemons1.ogg" type="audio/ogg" />
          <source src="CarlyAndHerLemons1.mp3" type="audio/mpeg" />
        </audio>
</footer>

我想我应该使用类似于document.getElementById('demo').pause()

非常感谢。

Answer 1

给你的音频标签一个 ID，然后使用：

document.getElementById('yourAudioTagID').pause();

此页面也可能有用。

---

编辑：

这是一个JSFiddle演示。