Как в input type='range’ сделать прокрутку видео?

Question

[pixal]

Всем привет! Вот примерный код

var video = getElementById(“video”);
var range = getElementById(“range”);

range.setAttrebure(“min”, 0);
range.setAttrebure(“max”, video.duration);

function play(){

var video = getElementById(“video”);
var range = getElementById(“range”);

range.setAttrebute(“value”, video.currentTime)
}

function pos(data){
var video = getElementById(“video”);
var range = getElementById(“range”);
Video.currentTime = data;
}

set_interval(“play”,  1000);

Input

<input id=“range” type=“range” min=“”  max=“”  value=“” oninput=“pos(this.value)” />

Все работает пока я не прокручу видео. После этого ползунок замерает и не реагирует на видео. Подскажите пожалуйста как сделать все это правильно?

Answer 1

[Okujava-script]

Если сразу после объявления элемента видео пытаться прочитать продолжительность видео, то браузер не успевает извлечь из видеофайла эту информацию. Чтобы обойти эту ситуацию, достаточно чтение video.duration обернуть функцией onloadeddata или onloadedmetadata. Т. е., строку
range.setAttribute('max', video.duration);
переписать так:

video.onloadeddata = () => range.setAttribute('max', video.duration);