HTML5 Видео currentTime не обновляется в Chrome

Question

В Chrome, по какой-то причине на странице, если я установил currentTime для тега <video id="player" preload="metadata" playsinline>, он не обновляется.Например, если я установил document.getElementById('player').currentTime = 5, он не обновляется.Он начинает играть с 0.

Я добавил тот же код на другой странице, но он работает без проблем в Chrome.А в Firefox обе страницы работают нормально.

К вашему сведению, я пытаюсь найти видео с помощью пользовательских элементов управления видео и установки текущего времени.Только в этом случае он не работает.

Я не знаю, что происходит.Любой совет, пожалуйста.

Answer 1

Вы должны загрузить свое видео и только после этого установить .currentTime.

Попробуйте это:

let player = document.getElementById('player');
preload(player, 5);
function preload(elem, time){
 elem.setAttribute('preload', 'auto');
 elem.addEventListener('canplaythrough', setCurrentTime);
 function setCurrentTime(){
 elem.currentTime  = time;
 elem.setAttribute('preload','none');
 elem.removeEventListener('canplaythrough', setCurrentTime);
 }
}