Как запустить html video по окончанию загрузки?

Question

[Millerish]

Мне нужно запустить видео на странице после его полной загрузки. Я нашел такой вариант:

vid.addEventListener('progress', function() {
   var loadedPercentage = vid.buffered.end(0) / vid.duration;
   if(loadedPercentage > 1){
      start()
   } else {
      vid.currentTime=vid.buffered.end(0);
   }
});

Выдает ошибку:

Uncaught IndexSizeError: Failed to execute 'end' on 'TimeRanges': The index provided (0) is greater than or equal to the maximum bound (0).

Еще пробовал другой вариант (var loadedPercentage = 100*(vid.buffered.end(0))/vid.duration;) - аналогичная ошибка.

Как правильно?

Answer 1

[PerfectLab]

Для привязки к загруженности видео можно использовать следующие события: "canplay", "loaded", "loadedemetadata",

vid.addEventListener('canplay', function() {
   start();
});