HTML5 Видео должно начинаться с определенного времени и цикла

Question

Мне нужно зациклить видео от 50 до 60 секунд, затем при щелчке должно происходить обычное зацикливание от 0 до конца.

У меня полностью работает функциональность от 0 до 10 секунд, но мне нужно, чтобы она работалаот 50 до 60.

Любая API-помощь, пожалуйста, я пытался loadedmetadata, но не работал.

Было бы неплохо понять, что мне здесь не хватает

Как это работает, но нет, если я положу 50 до 60

  if (this.currentTime >= 10) {
        this.currentTime = 0; // change time index here
      }

var video = document.getElementById('videoElm');

 

const playShort = function() {
  if (this.currentTime >= 60) {
    this.currentTime = 50; // change time index here
  }
};
const playFull = function() {
  if (this.currentTime >= 24) {
    this.currentTime = 0; // change time index here
  }
};

function playShortVideo() {
  video.removeEventListener("timeupdate", playFull, false)
  video.addEventListener("timeupdate", playShort, false);
  video.addEventListener("loadedmetadata", playShort, false);


  video.load();
  video.play();
}

function playFullVideo() {
  video.removeEventListener("timeupdate", playShort, false)
  video.addEventListener("timeupdate", playFull, false);
  
  video.load();
  video.play();
}

//play short video by default
playShortVideo();


//CLICK events 
var btnshort = $('.shortvideo');
var btnfull = $('.fullvideo');
btnshort.click(function() {

  playShortVideo();
});

btnfull.click(function() {
  playFullVideo();
});

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <video id="videoElm" autoplay muted controls loop>
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/webm">
</video>

</div>

<button class="shortvideo">play 2 secs only</a><br>

<button class="fullvideo">loop full video</button>