Панель управления игроком достигает 0:00, прежде чем она достигла конца ползунка

Question

Я занимаюсь разработкой пользовательского приложения на YouTube. Для индикатора выполнения я использую диапазон типов ввода html5, который также поддерживается последней версией загрузчика. Я использую React для разработки этого приложения.

Если видео короче 2 минут,

Это мои текущие части кода для этого

formatTime(time){
    const date = new Date(time * 1000);
    let hours = date.getUTCHours();
    let minutes = date.getUTCMinutes();
    let seconds = ('0' + date.getUTCSeconds()).slice(-2);

    if(hours){
      minutes = ('0' + date.getUTCMinutes()).slice(-2);
      return `${hours}:${minutes}:${seconds}`
    }
    //console.log(`${minutes}:${seconds}`);
    return `${minutes}:${seconds}`
  }
  
  updateTimer() {
    if (this.player.target){
      this.currentTime.current.innerText =
        this.player.target.getDuration() >= this.player.target.getCurrentTime()
          ? this.formatTime(
              this.player.target.getDuration() -
                this.player.target.getCurrentTime()
            )
          : this.formatTime(0);
          
          }
    // this.duration.current.innerText = this.formatTime(this.player.target.getDuration());
  }

  updateProgressBar() {
    if (this.player.target) {
      this.range.current.value =
        Math.round((this.player.target.getCurrentTime() /
          this.player.target.getDuration()) *
        100);
      //  console.log(this.range.current.value);   
    }
  }

Может ли кто-нибудь подсказать мне, как я могу предотвратить эту проблему, чтобы видео достигло 0:00, когда слайдер завершит свою работу.