解決微信瀏覽器中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();
            // });