微信浏览器 视频自动播放 解决方法

一进入页面单个视频开始自动播放

1. 可使用wx-sdk 中wx.ready()
2. 可监听WeixinJSBridgeReady事件

     //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以
     document.getElementById('car_audio').play();    
    //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效
    document.addEventListener("WeixinJSBridgeReady", function () {
        document.getElementById('car_audio').play();
        document.getElementById('video').play();
    }, false);

列表检测滚动位置进行自动播放

监听scroll事件 根据条件执行video.play() 不行，会被阻止。

但是可以在touch事件或者click事件中触发。

原因：

【在很多移动浏览器里，都是要求用户的真实操作来（touchend、click、doubleclick 或 keydown 事件等标准的事件）触发调用video.play(),才能自动播放影音视频。】

各种兼容：

保证原地播放

  <video class="video"
  :src="video.preview_url"
  :poster="video.cover_url"
  :controls="false"
  x5-video-player-type="h5"
  webkit-playsinline="true"
  x-webkit-airplay="true"
  playsinline="true"
  x5-video-player-fullscreen="true"
  muted>
  </video>