如何設置html5視頻高度固定？

Question

我想設置一個HTML5視頻作爲整個頁面的背景，所以我想實現的是100％的寬度和高度，我得到了它的代碼：

.container{ 
    width:100%; 
    height:100%; 
    overflow:hidden; 
} 
#video{ 
    width:100%; 
    height:100%; 
} 
video{ 
    width:100%; 
    height:auto; 
} 

但是當你縮小頁面的視頻高度將變短.. 參見：http://jsfiddle.net/qe7hR/9/

但是我想要做這樣的事情：http://www.bkwld.com/ 當你縮小網頁視頻高度仍固定頁面的高度..

無論我試過沒有工作我需要使用一個jQuery/JS爲此？ 我該如何做到這一點？

Thanx提前！

Answer 1

更換

video{ 
    width:100%; 
    height:auto; 
} 

通過

video{ 
    min-width:100%; 
    min-height:100%; 
} 

你的CSS

FIDDLE