Я использую плагин jquery.videoBG для реализации видео фона.
HTML:
<div id="div_demo">
<div class="videoBG">
<video autoplay="" src="media/snow.mp4" style="position: absolute; z-index: 0; top: 0px; left: 0px; min-width: 100%; width: 100%; height: 650px;loop">
</video>
</div>
</div>
CSS:
#div_demo{
position: relative;
min-height: 650px;
}
Стили видео определены в строке. Проблема в том, что когда высота применяется к видео, его ширина сжимается и выравнивается по середине.
В случае, если я удаляю высоту видео, он выходит из div.
Дайте родительскому div стиль position:relative;
и убедитесь, что ваш стиль:
position:absolute;
top:0;
left:0;
bottom:0;
right:0;