背景音乐（audio标签）在微信浏览器的自动播放

如果你想在微信上自动播放音乐，可以直接从音频标签使用自动播放，但有些手机不允许。
所以，当页面加载完毕，你添加一段代码绕过拦截的时候，也要注意微信的兼容性，不要拖慢网速。
这样网站的交互性很强，用户体验也很好。
由您来了解它是如何工作的。

网页自动播放背景音乐的html代码

bgsound 已弃用，仅受 IE 支持。

自动启动失败为真。

默认位置是无限的。

很棒的暂停和恢复播放。

从 iframe 中删除音乐并继续播放。

Loop不循环，音乐只播放一次。

怎么用HTML插入背景音乐_HTML音频标签与自动播放设置方法

嘿...那个...HTML插入背景音乐...只需使用音频标签...我知道...
然后...在2 02 2 年...我创建了一个网站...在这个城市...是的...它使用音频标签来播放音乐...
是这样的：</audio>...这样写...循环是一个循环...
但是。
..你有没有发现...现在浏览器...特别有限...不能自动播放...必须点击...
当时我很困惑...我尝试了很长时间...直接写自动播放...没用...根本不听...
后来我才意识到...它需要用户交互...例如B. 单击按钮...
所以...我添加了一个按钮...<Button onclick=document.getElementById('bgMusic').play()">播放</button>...然后将音频标签中的 ID 设置为 bgMusic...
用户单击此按钮...播放音乐...这样...浏览器会很高兴...
另外...为了完全兼容...我使用源标签......还有 ogg...
但是最重要的...是隐藏控件...那些播放和暂停按钮无法显示...
只需使用 style="display:none;" ...或CSS... bgAudio{显示：无; ...
这样...用户感觉...背景音乐一直在响...其实是一个隐藏的音频标签...
哎...用户体验也很重要...音量不能太高...可以添加volume="0.5 "...从0到1 ...
还需要添加一个停止按钮...<button onclick=document.getElementById('bgAudio').pause()">停止</button>...
此时在2 02 2 年...我测试了...Chrome、Firefox...都是这样...需要用户交互...
也许我太极端了。
..我发现自动播放很烦人...用户单击按钮...有一种控制感...
总之...当前的方法是...音频标签...源已准备...用户单击按钮...播放...隐藏控件...
添加音量以减小音量...以及停止按钮...
就这样...好吧...