HTML-видео не загружается на телефоне ⇐ CSS

[Anonymous]

На моей HTML-странице есть видео, которое прекрасно работает в настольных браузерах, однако когда я открываю его на своем мобильном телефоне iPhone 11 Pro, видео вообще не загружается в Chrome и Safari. Вот веб-сайт, размещенный на Netlify, с моего GitHub.
https://admiring-khorana-ad08d5.netlify.app/
The Html

Код: Выделить всё

Css

Код: Выделить всё

  .video-container {
position: absolute;
width: 100%;
height: 100vh;
overflow: hidden;
}
video {
object-fit: cover;
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
}

Я что-то упускаю?


Подробнее здесь: https://stackoverflow.com/questions/656 ... d-on-phone