Задать вопрос

Как правильно реализовать полноэкранную видеозаставку?

Рисую макет по сетке бутстрап 970px
Естественно, сайт планируется сделать адаптивным
Первый блок на нем – видеозаставка
вопрос 1: при отрисовке макета какую высоту задавать для блока с видеобэкграундом, учитывая еще браузерную верхнюю панель?
вопрос 2: для мобильной версии сайта предпочтительнее заменить видео на картинку? или создать еще одну версию видео, оптимизированную для маленьких экранов?
как вообще правильнее всего подойти к этому вопросу и учесть все нюансы для адаптации видео и его подгонке к разным экранам?
  • Вопрос задан
  • 952 просмотра
Подписаться 11 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 3
@andymiller
Рекомендую воспользоваться плагином vide.js на гитхабе сорсы. Вещь адаптивная, на мобильных автоматном заменяет видео на картинку которое должно иметь одинаковое имя с видео
Не нужно изобретать велосипед
Ответ написан
Комментировать
dzenn
@dzenn
Есть решения которые можно найти по первым пяти ссылкам гугла
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы