所以目前我有一个我在所有页面中使用的简单模板。它是这样的：
<html>
<head></head>
<body>
<h1>My website</h1>
<div id="audio-player">
<audio controls>
<source src="music.mp3" type="audio/mpeg">
</audio>
</div>
<p>Content</p>
</body>
</html>
<p>Content<p>所在的位置，是我拥有的不同内容。一个页面包含我们音乐组的历史记录，另一个页面包含我们乐器的图像，例如<p>标签之间的图像。
问题是，每当有人在我们网站的页面之间导航时，音乐就会停止。如何在不停止播放音乐的情况下将<div id="audio-player">链接到整个网站？我听说有一种方法可以使用AJAX来做这种事情，但我找不到实现它的方法，以便<div>出现在所有网站上而永远不会卸载？