video 视频在 ios 中不能自动播放的问题

video 视频在 ios 中不能自动播放

原因:

ios 中明确的指出等待用户的交互动作后才能播放 video,也就是说没有得到用户的 action 就播放的话会被 safri 拦截

解决方法:

只能解决微信浏览器自动播放问题,safri 浏览器依旧无法自动播放

踩坑注意:( ios 中 video 不设置自动播放的话,封面会显示为空白,若 controls 也设置为 false 的话,会让人误以为 video 视频有问题,我就踩了这个坑。设置了自动播放,用下面微信的内置 API 来触发自动播放,safri 浏览器虽然无法自动播放,但封面也不会显示空白,会将视频第一帧画面自动设为封面 )

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript" charset="utf-8"></script>
<script>
  // ios 微信端自动播放,safri 浏览器无法自动播放
  document.addEventListener("WeixinJSBridgeReady",function() { 
    document.getElementById('video1').play(); 
  }, false);
</script>