@seredaes

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

Есть видео. Его размер 1920х1080 пикселей.

Подключил так:
< video class="video" width="100%" height="auto" preload="auto" poster="/img/video_background.png" >
< source src="/video/video_slide_2.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' / >
< / video >

У видео нельзя ничего урезать! Там есть текст и тд и тп
Те overflow:hidden - не вариант

Нужно растянуть на весь экран по ширине и высоте! Но если по ширине умещается, немного в высоту экрана не укладываюсь,
Монитор: 21,5-дюймовый (1920 x 1080)

Вот как быть? Дизайнер уперлась, что только так, а я понимаю, видео это не картинка, только за счет урезания возможно сделать красиво или видео не на весь экран...
Но может я ошибаюсь??? Подскажите как грамотно решить данный вопрос.
  • Вопрос задан
  • 1195 просмотров
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED
Мониторы бывают разные. Если обрезать нельзя, значит нужно добавить по бокам или сверху и снизу черные полосы.
Ответ написан
Как вариант сделать проверку на js и 2 варианта видео 16:9 и 4:3, а если вариант с подложкой, то лучше будет смотреться кадр из видео с блюром.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 23:00
5000 руб./за проект
19 апр. 2024, в 20:43
20000 руб./за проект