Как отобразить полностью загруженное видео, без буферизации?

Question

Привет на моем сайте https://reportsquestionsznaczki65.000webhostapp.com/tech/o-nas/ Я перепробовал множество вещей, чтобы видео отображалось ПОСЛЕ того, как оно полностью загрузилось. Я хотел сделать загрузочный экран, пока видео еще не буферизовано. Я пробовал:

[1] $("#video1").on("loadeddata",function(){
        $(".loader-wrapper").fadeOut("slow");
    });

[2] $(window).on("load",function(){
        $(".loader-wrapper").fadeOut("slow");
    });

Ни один из них не работал, так как оба загружали страницу, когда загружался кадр, а затем он начинал буферизоваться и долго не проигрывался (настроен на автозапуск).

Я хотел бы ослабить эффект загрузки при запуске видео. Когда видео кэшируется, оно работает хорошо. Самая странная вещь в Edge, так как видео не отображается после загрузки, затем оно отображается само по себе через 3 секунды (я удаляю свою историю и нажимаю Ctrl + F5, чтобы удалить кэш).

Есть ли возможность сделатьэто произошло. Может быть, размер видео слишком велик (7,93 МБ) для начала?

Answer 1

Вам нужен способ узнать, загружено видео или нет, и если оно есть, то вы можете отобразить его. Попробуйте это:

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

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