2014-03-04 28 views
0

我使用jquery.videoBG插件来实现视频背景。视频背景不占用div的全宽?

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。

回答

0

给父DIV的position:relative;

风格,并确保你的风格是:

position:absolute; 
top:0; 
left:0; 
bottom:0; 
right:0; 
+0

不,这是行不通的。 – Orahmax