@Alexandr1996

Как растянуть фоновое видео на всю высоту браузера?

Подскажите, пожалуйста, как растянуть фоновое видео на всю высоту окна браузера, что-бы при уменьшении ширины экрана видео не уменьшалось с сохранением пропорций?

HTML:
<div class="video-bg">
            <video width="100%" height="auto" preload="auto" autoplay="autoplay" loop="loop" autobuffer muted
                playsinline>
                <source src="images/DPSiteBG720_VP8_1.5.webm" type="video/webm">
                </source>
                <source src="images/DPSiteBG720_1.5.mp4" type="video/mp4">
                </source>
            </video>
        </div>
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
Madgod
@Madgod
.video-bg {
  height: 100vh;
}

video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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