急!video标签在微信浏览器H5中视频组件无法出现
发布于 5 年前 作者 tao79 9831 次浏览 来自 问答
<video
      class="invite-video-src"
      id="video"
      x5-video-player-type="h5"
      x5-video-player-fullscreen
      x5-video-orientation="portraint"
      x-webkit-airplay
      webkit-playsinline
      playsinline
      autoplay
      x5-playsinline>
      <source
        type="video/mp4"
        src="http://bpm.tianrun.com/wxmobile/video/5t.mp4">
    </video>

微信中打开一个h5页面,企业微信打开该h5页面,是可以展示并播放视频

微信开发者工具能够展示video组件并自动播放

在ios真机上video组件不展示且无法播放

1 回复

已解决 微信浏览器不支持autoplay 属性 去掉

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

必须在html加上

<!-- 必须加在微信api资源 -->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
回到顶部