如何设置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