【发布时间】:2020-12-25 08:06:04
【问题描述】:
我已经搜索了很多,但我找不到替代品! 这是我的代码:
<audio autoplay>
<source src="music.mp3" type="audio/mpeg">
</audio>
【问题讨论】:
我已经搜索了很多,但我找不到替代品! 这是我的代码:
<audio autoplay>
<source src="music.mp3" type="audio/mpeg">
</audio>
【问题讨论】:
您可能已经注意到,网络浏览器正朝着更严格的自动播放政策发展,以改善用户体验,最大限度地减少安装广告拦截器的动机,并减少昂贵和/或受限网络上的数据消耗。这些更改旨在为用户提供更大的播放控制权,并通过合法用例使发布商受益。
Chrome 的自动播放策略很简单:
始终允许静音自动播放。 在以下情况下允许自动播放声音: 用户与域进行了交互(单击、点击等)。 在桌面上,用户的媒体参与指数阈值已被超过,这意味着用户之前播放过有声视频。 用户已将网站添加到移动设备的主屏幕或在桌面设备上安装了 PWA。 顶级框架可以将自动播放权限委托给其 iframe 以允许自动播放声音。
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
allow="autoplay"
也是一种可能。除此之外,您可能还想尝试使用该标签
<audio controls></audio>
【讨论】:
由于source标签只有一个,所以可以将来源放在音频标签的src属性中。
<audio autoplay src="https://www.w3schools.com/tags/horse.mp3"></audio>
JSFiddle - https://jsfiddle.net/8850s/L5uzb34y/
请注意,这可能不适用于上述StackSnippet。
【讨论】:
src 更改为music.mp3。可能是因为 CORS。