vue判断视频定点位置

1.视频播放到15s自动定点在15s的位置

raceRunStartRefTimeupdate(e) {
      const raceRunStartRef = document.getElementById(raceRunStartRef);
      if (raceRunStartRef) {
       
        if (Number.parseInt(raceRunStartRef.currentTime) === 15) {
          raceRunStartRef.pause();
        }
      }
    },

 <video :src="raceRunInfo.racesUrl" ref="raceRunStartRef" controls="true" height="307px;" width="100%" @timeupdate="raceRunStartRefTimeupdate"></video>

2.视频如果小于15s，则定点在0s的位置；否则定点在视频结束前15s的位置

    raceRunEndRefCanplaythrough(e) {
      const raceRun = this.raceRunInfo;
      const raceRunEndRef = document.getElementById(raceRunEndRef);
      if (raceRunEndRef && raceRun.races > 0) {
        if (raceRunEndRef) {
          const currentTime =
            raceRun.races / 1000 < 15 ? 0 :(raceRun.races / 1000-15);
         
          raceRunEndRef.currentTime = currentTime;
        }
      }
    
    },

<video :src="raceRunInfo.raceRunUrlEnd" ref="raceRunEndRef" controls="true" height="307px;" width="100%" @canplaythrough.once="raceRunEndRefCanplaythrough"></video>

注意点：获取video元素用document.getElementById获取；

ref方式获取的video 获取不到currentTime;

3.关闭视频（当视频正在播放）；再次重新打开，视频继续播放的问题

解决：关闭页面（dialog），如果视频不需要定位

this.raceRunInfo = {};

所有内容清空；

如果视频需要定位，则不能设置为空对象

 handleCloseRace() {
   
      this.raceRunStartRefTimeupdate();
      this.raceRunEndRefCanplaythrough();
    },

关闭弹框，再次执行定位的方法；