H5 video在IOS微信上無法自動播放

一、ios上無法自動播放（autoplay 是失效的）原因：

移動端為了避免浪費用戶的流量，默認video是不能夠自動播放的，即使加了autoplay屬性，也只能實現在PC端自動播放，在移動端依舊不能自動播放。

二、網上探索解決辦法：

方法1、網上好多帖子的解決辦法是監聽微信的WeixinJSBridgeReady

let video = document.querySelectorAll("video")[0];
document.addEventListener("WeixinJSBridgeReady", function () {
    video.play();
}, false);

但是我用了后還是沒就解決，還是沒有自己播放。此方法行不通。

2、利用微信js解決。

首先需要引入

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

然后

//以下配置無效也沒關系，還是會走ready函數
wx.config({
        debug: false,
        appId: '111',
        timestamp: '111',
        nonceStr: '111',
        signature: '111',
        jsApiList: []
})
wx.ready(()=> {
　　　　let video = document.querySelectorAll("video")[0];
       video.play();
});

最后，try it ! 竟然成功了，進入頁面視頻自動播放了，哦耶！此方法可行！

方法二：

引入微信jssdk，<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

// 兼容微信(微信可以自動播放)
let video = document.querySelectorAll("video")[0];

  document.addEventListener( " WeixinJSBridgeReady " , function () {

 video.play() }, false);

此方法也可行！