【问题标题】:"Autoplay" in audio tag not working google chrome [duplicate]音频标签中的“自动播放”无法使用谷歌浏览器 [重复]
【发布时间】:2020-12-25 08:06:04
【问题描述】:

我已经搜索了很多,但我找不到替代品! 这是我的代码:

<audio autoplay>
     <source src="music.mp3" type="audio/mpeg">
</audio>

【问题讨论】:

    标签: html css


    【解决方案1】:

    您可能已经注意到,网络浏览器正朝着更严格的自动播放政策发展,以改善用户体验,最大限度地减少安装广告拦截器的动机,并减少昂贵和/或受限网络上的数据消耗。这些更改旨在为用户提供更大的播放控制权,并通过合法用例使发布商受益。

    Chrome 的自动播放策略很简单:

    始终允许静音自动播放。 在以下情况下允许自动播放声音: 用户与域进行了交互(单击、点击等)。 在桌面上,用户的媒体参与指数阈值已被超过,这意味着用户之前播放过有声视频。 用户已将网站添加到移动设备的主屏幕或在桌面设备上安装了 PWA。 顶级框架可以将自动播放权限委托给其 iframe 以允许自动播放声音。

    https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

    allow="autoplay"
    

    也是一种可能。除此之外,您可能还想尝试使用该标签

    <audio controls></audio>
    

    【讨论】:

      【解决方案2】:

      由于source标签只有一个,所以可以将来源放在音频标签的src属性中。

      &lt;audio autoplay src="https://www.w3schools.com/tags/horse.mp3"&gt;&lt;/audio&gt;

      JSFiddle - https://jsfiddle.net/8850s/L5uzb34y/

      请注意,这可能不适用于上述StackSnippet。

      【讨论】:

      • 该代码在 JSfiddle 中有效,但由于某种原因在我的网站上无效
      • @AsherDUBZ 尝试将src 更改为music.mp3。可能是因为 CORS。
      • @AsherDUBZ 代表跨域资源共享
      • 我试过了,还是不行:(
      • 那我就用一个按钮
      猜你喜欢
      • 2020-08-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多