iNext10
@iNext10
Web Developing (Front End) Junior

Как сделать видео фоном div'a?

Доброго времени суток.
Верстал только что сайт и столкнулся с такой проблемой:

Я хочу реализовать вёрстку header'a так, чтобы её фоном было видео (см. на скриншоте), и чтобы поверх этого видео были надписи, картинки и так далее...
Я пытался загуглить, смотрел видео. Но там обучали тому, как поставить видео в качестве фона для ВСЕГО сайта, а я хочу лишь для блока с header'ом

Как можно такое реализовать?

5e711ac7a19e7458381997.png
  • Вопрос задан
  • 108 просмотров
Пригласить эксперта
Ответы на вопрос 2
Eugevin
@Eugevin
20 лет, frontend как смысл жизни
Сваял для вас простой пример для видео на bg у хэдера:

Ответ написан
anatoly_kulikov
@anatoly_kulikov
Помог ответ? Отметь решением!
Вам нужно сделать 2-хслойный элемент:
- на нижнем слое - с отключенными контролами и автоматическим воспроизведением. Видео нужно растянуть на 100% по ширине.
- на верхнем слое - всё тексты и прочие элементы.

Header должен иметь overflow: hidden, чтобы видео не вылезало за края.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы