IOS 微信端 视频自动播放问题解决方法

参考链接 ： https://blog.csdn.net/qq_45504161/article/details/99741844

问题描述：由于浏览器限制，视频不能够自动播放，需要用户手势触发才可以。

解决方法：通过微信浏览器提供的WeixinJSBridgeReady做桥接后就可以绕过这一限制。

上面链接中的操作比较繁琐，在此给出简化版本（亲测可用）：

function doPlay(){
  WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
    var $video1 = $("#video1")
    var $video2 = $("#video2")
    $video1[0].play()
    $video2[0].play()
  })
}
      
if (window.WeixinJSBridge) {
  doPlay()
} else {
  document.addEventListener("WeixinJSBridgeReady", function(){
    doPlay()
  }, false);
}

需要注意的是，监听WeixinJSBridgeReady事件后，回调函数里需要调用一下invoke，在invoke中操作视频才可以生效。

另外，页面不需要引入jweixin-1.0.0.js，微信浏览器会自带api。