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

Есть HTML страница на которой плавно по таймеру появляются элементы (jQuery):
$(window).ready(function(){ $("#site--header").fadeIn(1000); }
В верхней части HTML страницы есть видео. Как сделать так, чтобы появление элементов начиналось после 100% загрузки видео HTML5, которое есть на странице?
Заранее спасибо!

Ответ

Согласно документации События в медиа (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. }