Как не загружать страницу пока не загрузится видео?

Question

[Василий Хрягин]

Вот есть первая секция с видео на фоне https://site-for-design.github.io/CS16/ . И порой видео не загружается. Посоветуйте пожалуйста какой-нибудь фреймворк или другой способ решения этой проблемы

Answer 1

[Анатолий Куликов]

Если нужно просто запретить отображать контент страницы, то проще всего на body повесить overflow:hidden, сверху всего - заглушку на весь экран, а потом следить с помощью js, пока весь контент не загрузиться. После чего убираем заглушку и отменяем стиль у body.

Comments

[Василий Хрягин]

Мне важно, чтобы видео успешно загрузилось

[Rustam Bainazarov]

Василий Хрягин, ну так человек вам и написал вам об этом. Скрываете изначально body (только не через overflow: hidden, а через visibility: hidden), делаете скрипт, который проверяет загрузку видео — когда видео загружено, убираете visibility: hidden.

Answer 2

[Alfieros]

Ставь прелоадер на сайт, и не мучайся. Через JS можно отключить показ прелоадера если видео уже есть в кеше, чтобы при следующем заходе не показывать сам прелоадер. Было уже несколько подобных вопросов на тостере.

Answer 3

[Александр Алексеев]

а что если попробовать на video поставить атрибут onload и из него вызывать все что вам надо?