h5 video不能自动播放

• 最近的项目开发遇到了这个问题，我们开发的是一个会议回放的一个功能，在会议录制的过程中，中途参会人员会开启自己的摄像头，可能会有很多人开会，就有很多的摄像头，最多15个，每一个摄像头都代表一个视频，在录制的过程中，都会录制下来，要求在h5里面所有摄像头视频都能在微信同时自动播放。
• 经过多次尝试研究发现在安卓微信浏览器（x5内核）打开h5不支持视频自动播放，必须有一次交互才行，但是我们的视频不确定在会议的哪个过程出现，就没有办法添加交互，所以多次尝试，选了一个最终的解决方案，就是在微信浏览器添加一个遮罩提示在别的浏览器打开，只要不是微信浏览器都支持视频的自动播放。

<video autoplay="autoplay"></video>

• 在ios端微信浏览器打开h5也是不支持视频的自动播放，而且视频播放会自动全屏，网上经过多次查找尝试找到一个解决方案。
• 解决ios视频全屏，在video标签添加属性webkit-playsinline="true" playsinline="true"

<video  autoplay="autoplay" webkit-playsinline="true" playsinline="true" preload="auto" muted ></video>

• 解决ios视频自动播放，首先要引入https://res.wx.qq.com/open/js/jweixin-1.0.0.js，
  然后监听事件

        document.addEventListener("WeixinJSBridgeReady",()=> { 
          console.log("视频准备好了")
          video.play();
        }, false);