Скажите, загружено ли видео или нет в Javascript

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

var video = document.getElementById("video-id-name");

if ( video.readyState === 4 ) {
    // it's loaded
}

Читайте здесь: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/readyState

ОБНОВЛЕНИЕ:

Как уже упоминалось, мое оригинальное решение ниже работает, но может привести к проблемам с производительностью и некоторой непредсказуемостью в его поведении.

Поэтому я рекомендую прослушать событие loadeddata. Подробнее читайте здесь: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/loadeddata_event

const videoElement = document.getElementById("my_video");

videoElement.addEventListener('loadeddata', (e) => {
   //Video should now be loaded but we can add a second check

   if(videoElement.readyState >= 3){
       //your code goes here
   }

});

==================================

ХУЖЕ РЕШЕНИЕ:

Я считаю, что использование setInterval работает для активного прослушивания, когда readyState видео изменяется, проверяя каждые полсекунды, пока оно не загрузится.

checkforVideo();

function checkforVideo() {
    //Every 500ms, check if the video element has loaded
    var b = setInterval(()=>{
        if(VideoElement.readyState >= 3){
            //This block of code is triggered when the video is loaded

            //your code goes here

            //stop checking every half second
            clearInterval(b);

        }                   
    },500);
}

Если вы не используете ES6, просто замените () => на function()

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

Вы также захотите послушать воспроизведение для случаев, когда контент уже загружен (например, из кеша)

video.addEventListener("playing", function() {
    console.log("[Playing] loading of video");
    if ( video.readyState == 4 ) {
        console.log("[Finished] loading of video");
    }
});
video.addEventListener("suspend", function(e) {
    console.log("[Suspended] loading of video");
    if ( video.readyState == 4 ) {
        console.log("[Finished] loading of video");
    }
});

Источник: https://developer.mozilla.org/en/docs/Web/Guide/Events/Media_events

Используйте событие onloadeddata для видеоэлемента. Он проверяет, загружено ли видео или нет. См. эту ссылку для получения дополнительной информации.

Событие loaddata запускается, когда кадр в текущей позиции воспроизведения мультимедиа закончил загрузку; часто первый кадр.

var video = document.getElementById("video");
video.onloadeddata = function() {
    // video is loaded
}