uniapp视频音频从上次断开位置开始播放

uniapp-H5视频从上次断开位置开始播放

<video
  :src="video.sourceVideoUrl"
  :poster="video.coverUrl"
  controls
  @timeupdate="timeupdate"
  id="demoVideo"
>
</video>
<script>
  methods: {
    //判断是否安卓设备
    isAndroid(){
      var u = navigator.userAgent;
      if(u.indexOf('Android') > -1 || u.indexOf('Linux') > -1){
        return true;
      }
    },
    // 播放进度变化时触发事件
    timeupdate(e){
      // console.log(e)
      this.currentTime = Math.floor(e.detail.currentTime);
      this.currentTimeObj[this.ID] = this.currentTime;
      if(e.detail.currentTime === e.detail.duration){
        // 播放到最后设置回0 或者删掉
        this.currentTimeObj[this.ID] = 0;
      }
      uni.setStorageSync("currentTimeObj", JSON.stringify(this.currentTimeObj));
    },
    getVideo(){
      // 在视频的数据src获取到后
       this.$nextTick(() => {
        console.log('上次断开时间：',this.currentTime)
        // 获取video元素
        let videoDom = document.querySelector('#demoVideo video');
        if(this.isAndroid()){
          videoDom.currentTime = this.currentTime;
        }else{
          // 需要监听视频加载完成后才设置currentTime，否则对ios无效
          videoDom.addEventListener('canplay',() => {
            videoDom.currentTime = this.currentTime;
          });
        }
      })
    }
  },
  onLoad(option) {
    // 一进页面获取缓存所有视频播放记录
    if(uni.getStorageSync("currentTimeObj")){
      this.currentTimeObj = JSON.parse(uni.getStorageSync("currentTimeObj")) || {};
      this.currentTime = this.currentTimeObj[this.ID];
      console.log(this.currentTime)
    }
  },
</script>