Как сделать перемотку видео?

Question

[Алексей]

Добрый день. Подскажите пожалуйста делаю video player, в принципе все сделал кроме перемотки. Как правильно сделать перемотку видео по нажатию на бар назад и вперед. Заранее спасибо.

video.addEventListener('timeupdate', function (){
  var positionBar  = document.getElementById('positionBar');
  positionBar.style.width = (video.currentTime / video.duration * 100) + '%';
});

<div class="bar-container">
                 <div id="durationBar" class="duration-bar">
                     <div id="positionBar" class="position-bar"><span id="displayStatus" class="display-status"></span></div>
  </div>
      </div>

.position-bar {
  height: 10px;
  font-weight: bold;
  background-color: #000;
  border-radius: 50px;
}

.position-bar span {
  display: inline-block;
}

.duration-bar {
  width: 100%;
  background: #DCDCDC;
  border-radius: 50px;
}

.bar-container {
  width: 800px;
  cursor: pointer;
}

Comments

[ambisinister One]

[Алексей]

ambisinister, спасибо