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

Question

[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)

Вот как быть? Дизайнер уперлась, что только так, а я понимаю, видео это не картинка, только за счет урезания возможно сделать красиво или видео не на весь экран...
Но может я ошибаюсь??? Подскажите как грамотно решить данный вопрос.

Answer 1

[Stalker_RED]

Мониторы бывают разные. Если обрезать нельзя, значит нужно добавить по бокам или сверху и снизу черные полосы.

Comments

[seredaes]

Не вариант. Нужно на весь экран. Сверху полосы или снизу, я согласен но проблема, что высота превышает высоту экрана...

[Stalker_RED]

seredaes: тогда полосы по бокам.

Answer 2

[Кирилл Туровников]

Как вариант сделать проверку на js и 2 варианта видео 16:9 и 4:3, а если вариант с подложкой, то лучше будет смотреться кадр из видео с блюром.

Comments

[seredaes]

Фон меняется, если бы статический был, я бы не парился вообще