2014-03-04 19 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