针对移动端媒体自动播放方法 -----audio

1. audio，video作为H5新秀，给前端开发带来很大便利得情况下，同时也带来了无线多得兼容问题。移动开发过程音频自动播放，因为移动策略支持问题，autoplay就变成了一个废物。在微信端我们还可以借力进行。

例： <audio src="http://image.liwuhez.com/gift/20191226/a7b64dabae37436ca330dfc3e124b002.mp3" ref="audio1" id="audio1" class="audio" controls="controls"></audio>

    在需要得时候，我们判断浏览器是否支持该方法：

if(document.addEventListener){

       document.addEventListener("WeixinJSBridgeReady", this.playWxBgMusic(), false);

}       

在methods:{

            playWxBgMusic(){

                this.$nextTick(()=>{

                    console.log('播放背景音乐')

                    console.log(this.$refs.audio1)

                    this.$refs.audio1.play();

                })

            },

}

这样就完成了我们得自动播放功能，然并卵，微信降级处理，或者时低版本得微信压根没办法调用该方法。