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>

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

- GSV

---

对我来说运行良好。 - ninesalt

你在手机上测试这个网站吗？ - Gautam Naik

@GautamNaik， 不，我在PC上进行测试，在Google Chrome上自动播放不起作用。 - GSV

自动播放任何东西通常是一个坏主意，因为它非常令人讨厌，然而，撇开这个不谈......它可能还没有加载文件。 - Ian Devlin

你是在iOS设备上尝试这样做吗？因为苹果公司专门防止自动播放音频（或带有音轨的视频），除非用户更改默认浏览器设置。 - DBS

这个 mp3 文件无法访问吗？https://s3.amazonaws.com/Syntaxxx/bigger-picture.mp3 - Stephen Kingsley

Answer 1

autoplay是HTML标准，浏览器是否支持由浏览器决定。我猜你使用的是Chrome浏览器，像许多其他人一样，惊讶它不起作用。 https://www.w3schools.com/tags/att_audio_autoplay.asp 如果你在Firefox 63中测试此代码，就像我所做的那样，它会正常工作。 谷歌在2018年5月决定打破Web标准： https://bugs.chromium.org/p/chromium/issues/detail?id=840866#c103

- CaptainCrunch

Answer 2

截至2020年，浏览器默认设置意味着在Firefox（所有平台）和Chrome（包括Android，但似乎不包括Mac）中无法正常工作。

- tog22

Answer 3

这取决于您浏览器中的自动播放偏好设置（是否被阻止），可以在 about:preferences#privacy 中进行更改 [此处以 Firefox 为例]。

- Méric JJ