Событие после полной загрузки HTML5 видео

137

27 мая 2018, 01:10

Есть HTML страница на которой плавно по таймеру появляются элементы (jQuery):

$(window).ready(function(){    
    $("#site--header").fadeIn(1000);
}

В верхней части HTML страницы есть видео. Как сделать так, чтобы появление элементов начиналось после 100% загрузки видео HTML5, которое есть на странице?

Заранее спасибо!

Answer 1

Согласно документации События в медиа (audio, video) объектах, не существует пока событий, которые отправляются после 100% загрузки видео.

Но есть события oncanplaythrough и oncanplay, которые, возможно, вам подойдут:

my_video.oncanplaythrough = function(e)
{
    //Событие отправляется, когда состояние готовности изменяется к CAN_PLAY_THROUGH. Указывает, что медиа может быть полностью воспроизведено без перерыва, предполагая, что скорость загрузки остается, по крайней мере на нынешнем уровне. Примечание: Ручная установка CURRENTTIME вызовет событие canplaythrough в Firefox. В других браузерах это может не произойти.
}
my_video.oncanplay = function(e)
{
    //Событие отправляется, когда доступно достаточно данных для того, чтобы медиа могло воспроизвестись, по крайней мере, в течение нескольких кадров. Соответствует состоянию (readyState) HAVE_ENOUGH_DATA.
}

Answer 2

никак это не реализуется простым плеером HTML5...