play html5 видео после полной загрузки

Question

Я ищу способ воспроизведения видео в формате HTML после его полной загрузки. Я попытался получить обратную связь, когда буферизация видео завершена, но она не работает. Вот мой код:

var player = document.getElementById('bgvid'); 
player.addEventListener("progress", function() { 
    console.log("1"); 
    if (player.buffered.length > 0) { 
    console.log("2"); 
    var bufferedEnd = player.buffered.end(player.buffered.length - 1); 
    var duration = player.duration; 
    console.log(duration); 
    if (duration > 0) { 
     console.log((bufferedEnd/duration) * 100); 
    } 
    } 
}); 

я получаю только «1» на консоли, так что buffer.length никогда не проходят ноль даже с атрибутом преднагрузки на «авто». Единственное, что имеет значение, это атрибут autoplay. Когда включено, я получаю процент буфера, показанного на консоли, но если я приостанавливаю видео, он снова останавливает буферизацию.

Благодарим вас за любые идеи.

Answer 1

с помощью @Offbeatmammal мне удается решить мою проблему. Ответ здесь: Another: Force Chrome to fully buffer mp4 video. Спасибо всем за ваши ответы: D

Answer 2

Вы можете использовать событие canplaythrough, чтобы проверить, было ли видео полностью буферизованным (то есть загружено).

Надеюсь, это то, что вы ищете, удачи.