解决微信浏览器中H5中的audio不能自动播放问题

废话不多说，直接贴代码：

<audio
     style="display:none; height: 0"
     id="bg-music"
     preload="auto"
    loop="loop"
    :src="视频地址，但是此地址，切记不能编译，最好放到服务器上"
    >您的浏览器不支持音频播放</audio>

mounted(){
    this.audioAutoPlay();
},
methods:{
        audioAutoPlay() {
            let audio = document.getElementById("bg-music");
            audio.play();
            document.addEventListener(
                "WeixinJSBridgeReady",
                function() {
                    audio.play();
                },
                false
            );
        }
}

如果加上点击播放，再次点击禁止播放

        missusFun() {
            this.isMusic = !this.isMusic;
            if (this.isMusic) {
                this.audioAutoPlay();
            } else {
                let media = document.querySelector("#bg-music");
                media.pause();
            }
        },

切换播放资源时，如果地址切换过来了，但是就是不播放声音，这时一定要加个延时

  setTimeout(() => { 2 this.audioAutoPlay(); 3 }, 20); 

            //let media = document.querySelector("#bg-music");
            // media.addEventListener("canplay", function() {
            //     //监听audio是否加载完毕，如果加载完毕，则读取audio播放时间
            //     media.play();
            // });