HTML 网站上的音频自动播放不起作用

Question

我试图为一位艺术家制作一个粉丝网站，所以我想要自动播放的起始页音乐。但是，当我打开起始页时，我的音频文件无法播放。

这是我的代码：

<audio controls autoplay loop>
   <source src="https://s3.amazonaws.com/Syntaxxx/bigger-picture.mp3" type="audio/mpeg" />
   <p>If you can read this, your browser does not support the audio element.</p>
</audio>

我需要做什么才能让它自动开始播放？

Answer 1

autoplay 是一个 html 标准。这取决于浏览器是否支持它。我怀疑您和其他许多人一样使用过 Chrome，并且很惊讶它不起作用。 https://www.w3schools.com/tags/att_audio_autoplay.asp 如果您像我一样在 Firefox 63 中测试此代码，它将正常工作。 Google 决定于 2018 年 5 月打破网络标准： https://bugs.chromium.org/p/chromium/issues/detail?id=840866#c103

Answer 2

截至 2020 年，浏览器默认设置意味着这在 Firefox（所有平台）和 Chrome（包括 Android，但似乎不适用于 Mac）中不起作用。

Answer 3

这取决于您的浏览器[此处为 Firefox] 自动播放首选项（是否被阻止） 关于：偏好#隐私

Answer 4

我在 Microsoft Edge 上遇到了同样的问题，直到进入设置 -> 搜索音频 -> 然后将其设置为“允许” - 然后它就起作用了：

边缘设置