Breaking News: Grepper is joining You.com. Read the official announcement!

Control a progress bar for custom video player

Cocodrilette [] answered on June 23, 2022 Popularity 3/10 Helpfulness 1/10

answer Control a progress bar for custom video player

Control a progress bar for custom video player

Comment

function setTime() {
  const minutes = Math.floor(media.currentTime / 60);
  const seconds = Math.floor(media.currentTime - minutes * 60);

  const minuteValue = minutes.toString().padStart(2, '0');
  const secondValue = seconds.toString().padStart(2, '0');

  const mediaTime = `${minuteValue}:${secondValue}`;
  timer.textContent = mediaTime;

  const barLength = timerWrapper.clientWidth * (media.currentTime/media.duration);
  timerBar.style.width = `${barLength}px`;
}

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: developer.mozilla.org

Tags: javascript progress-bar video-player

Link to this answer
Share Copy Link