如何强制HTML5音频在整个网站上播放？

Question

我目前正在为客户建立一个网站。

我的客户想要在整个网站上播放特定的歌曲（我在本地有MP3和OGG音频文件）但是，当我进入另一个页面时，音乐将从头开始播放。

<div id="music">
   <audio  controls loop autoplay>
     <source src="audio/oud.ogg" type="audio/ogg">
     <source src="audio/oud.mp3" type="audio/mpeg">
     Your phone does not support the audio element.
   </audio>
</div>

Answer 1

为了做到这一点，你必须做两件事之一：

1. 创建单页应用程序（这是更清洁的解决方案）， 或
2. 使用包含整个网站的iframe创建一个页面 播放主文件中的文件

但是，我非常谨慎地禁止你做你正在做的事情，如果没有关闭它就会自动播放音频超过3秒是一种可访问性违规，这会对任何盲人或视障人士造成伤害使用屏幕阅读器访问该网站的用户。