微信H5自动播放音乐，视频解决方案

      微信的视频和音乐的自动播放问题一直都很让人很头疼，结合自身项目，最终写了一个在安卓苹果测试都好用的方法。

项目需求：

• H5中插播两段视频，要求能自动播放
• 需要有背景音乐，能自动播放
• 能控制音乐和视频的声音静音

在微信中需要用到WeixinJSBridge这个接口，具体的可以百度了解一下，这个是微信游览器自带的接口API。

1.定义视频的自动播放事件 

 function autoPlayAudio(id) {
        var video = document.getElementById(id);//video标签id=media
       
        if (window.WeixinJSBridge) {
            WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
                video.play();
            }, false);
        } else {
            document.addEventListener("WeixinJSBridgeReady", function () {
                WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
                    video.play();
                });
            }, false);
        }
        video.play();

        return false;
    }