控制 HTML5 视频中的开始位置和播放时长

我们有一个视频（长 13 分钟），我们希望使用 HTML5 对其进行控制。我们希望能够让用户控制和选择他们想要播放的视频部分。优选地，该控制将通过2个输入字段进行。他们将在第一个框中输入开始时间（以秒为单位），并在第二个框中输入播放持续时间（以秒为单位）。例如，他们可能希望在 10 秒后开始播放视频并播放 15 秒。关于执行此操作所需的 Javascript 有什么建议或指导吗？

Note:我发现了以下内容：

• 加载时从特定位置开始 HTML5 视频？

但它只解决从特定时间开始的问题，而不涉及播放指定时间长度的视频。

您可以使用 timeupdate 事件侦听器。

之后将开始时间和持续时间保存到变量loadedmetadata event.

// Set video element to variable
var video = document.getElementById('player1');

var videoStartTime = 0;
var durationTime = 0;

video.addEventListener('loadedmetadata', function() {
  videoStartTime = 2;
  durationTime = 4;
  this.currentTime = videoStartTime;
}, false);

如果当前时间大于开始时间加上持续时间，则暂停视频。

video.addEventListener('timeupdate', function() {
  if(this.currentTime > videoStartTime + durationTime){
    this.pause();
  }
});