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

时间:2012-08-12 15:45:02

标签: jquery html5 audio

我有一个故事Demo story的文件。当我移动到下一页时,我使用右箭头键。当我在新页面时,旧页面继续播放,我需要听到新记录。

  1. 当我转到下一页停止旧游戏时,如何创建活动或制作其他解决方案?
  2. 当我转到下一页时,我仍然在同一个文件中。

    <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()

    的代码

    非常感谢。

1 个答案:

答案 0 :(得分:1)

为您的音频代码添加ID,然后使用:

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

this页也可能有用。


编辑:

这是JSFiddle Demo