【问题标题】:Audio AutoPlay on HTML Website not workingHTML网站上的音频自动播放不起作用
【发布时间】:2020-09-22 19:39:29
【问题描述】:

我尝试为一位艺术家创建一个粉丝网站,因此我希望有自动播放的起始页音乐。但是,当我打开起始页时,我的音频文件无法播放。

这是我的代码:

<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>

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

【问题讨论】:

  • 对我来说很好。
  • 你在手机上测试这个网站吗?
  • @GautamNaik ,不,我在 PC 上测试,在 Google Chrome 上和自动播放不起作用。
  • 自动播放任何东西通常是个坏主意,因为它很烦人,但是,把它放在一边......它可能还没有加载文件。
  • 您是否尝试在 iOS 设备上执行此操作?因为 Apple 明确禁止自动播放音频(或带有音轨的视频),除非用户更改默认浏览器设置。

标签: html html5-video


【解决方案1】:

自动播放是一个 html 标准。取决于浏览器是否支持它。我怀疑你使用 Chrome,就像其他许多人一样,但很惊讶它没有用。 https://www.w3schools.com/tags/att_audio_autoplay.asp 如果您像我一样在 Firefox 63 中测试此代码,它将正常工作。 谷歌决定在 2018 年 5 月打破网络标准: https://bugs.chromium.org/p/chromium/issues/detail?id=840866#c103

【讨论】:

    【解决方案2】:

    截至 2020 年,浏览器默认设置意味着这将不适用于 Firefox(所有平台)和 Chrome(包括 Android,但似乎不适用于 Mac)。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多