音频问题html5

我遇到了我正在构建的网站上的一个小问题。问题是音频在主页上播放就像我想要的一样，但是当我导航到我网站上的其他页面时，返回主页，似乎有两个音频文件正在播放。这是我的代码到目前为止在主页上有背景音频。音频问题html5

<audio autoplay> 
    <source src="audio/sound.mp3" type = "audio/mpeg"> 
    Your browser doesn't support audio 
</audio>

是否有可能在不使用AJAX，或者甚至JavaScript来才使主页上音频重启，只有一首歌播放同一首歌曲播放两次呢？任何帮助或建议非常感谢:)

2016-07-05 Aaron

你必须发布你的实际代码，否则我们不能帮你。 –

这是我使用的实际代码 – Aaron

如果你发现它播放两次，应该是别的东西，那么，你是如何加载网站上的网页？ ajax呼叫？ –

给这个镜头！当您登录页面时，它会停止，重置并播放音频。确保给音频文件一个相应的ID。

var mySong = document.getElementById("mySong"); 
    mySong.pause(); 
    mySong.currentTime = 0; 
    mySong.play();

2016-07-05 20:22:25 will

谢谢，这是完美的答案！ – Aaron

当然可以！我只是打开你的检查员，并确保没有任何你添加ID的音频播放器的重复，以防万一。 – will

我会继续保持这一点，因为我继续致谢：D – Aaron

完整的工作演示http://so.devilmaycode.it/audio-problems-html5/

您可能需要使用Media Events赶上你audio position偏移，它存储在某处，也许使用cookies，然后开始从该位置浏览网站时，在页面加载完成后。

在演示中，我通过使用简单的setTimeout()模拟了页面加载，您可以检查音乐是否停止，然后重新启动而不会丢失当前位置。

希望得到这个帮助。（plunker）

2016-07-05 20:48:52

回答