方法1.微信WeixinJSBridgeReady

mounted ()  {
      const vm = this
      if (window.WeixinJSBridge) {
        vm.mediaPlay()
      } else {
        document.addEventListener('WeixinJSBridgeReady', function(){
          vm.mediaPlay()
        }, false)
      }
},
methods: {
    mediaPlay () { // 根据需要play,audio和video一般不会同时播放
        const video = document.querySelector('video')
        video.addEventListener('ended', this.videoEnd) // 视频播放结束之后进行后续操作
        video.volumn = 0.5
        const audio = document.querySelector('audio')
        audio.volumn = 0.5
        WeixinJSBridge.invoke('getNetworkType', {}, function () {
          video.play()
          audio.play()
        })
      }
}

ios和大部分安卓机可以自动播放视频,小部分安卓机不允许自动播放,只能添加controls,让用户触发

方法2.微信sdk

这个方法比较麻烦,需要后端接口

 接入请参考vue微信H5自定义分享兼容ios、PC、安卓_m0_37378152的博客-CSDN博客

          wx.ready(() => {
            video.play()
            audio.play()
          })

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐