收藏
回答

急!video标签在微信浏览器H5中视频组件无法出现

<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组件不展示且无法播放

最后一次编辑于  2019-12-10
回答关注问题邀请回答
收藏

1 个回答

  • 杰哥哥的元宝宝
    杰哥哥的元宝宝
    2019-12-10

    已解决 微信浏览器不支持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>


    2019-12-10
    赞同
    回复
登录 后发表内容
问题标签