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

Question

[LegendaryI]

Имеется следующая страница: imatte.ru/work/toster/man.html
Видео вставлено следующим образом:

<video autoplay loop muted class="bgvideo" id="bgvideo">
		<source src="videos/man-page.mp4" type="video/mp4">
	</video>

.bgvideo {
	position: fixed;
	left: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	z-index: 0;
}

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

Сейчас же если браузер сужать, то видео обрезается по бокам.

Перепробовал кучу вариаций с width и height, и постоянно что-то да не так.

Answer 1

[Maximile]

<div class="video_wrap">
    <video class="video_bg" autoplay="autoplay" loop="loop">
        <source src="video.m4v" type="video/mp4" />
        <source src="video.webm" type="video/webm" />
        <source src="video.ogg" type="video/ogg" />
    </video>
</div>

.video_wrap {
    position: absolute;
    overflow: hidden;
    background: url(/img/poster.jpg) center repeat;
    z-index: -999;
    min-height: 870px;
    max-height: 870px;
    display: block;
    width: 100%;
    max-width: 2560px;
}

.video_bg {
    display: block;
    position: relative;
    z-index: 0;
    margin: 0 auto;
    width: 125%;
}

Мне вот так подошло. Пробуй.