jquery - 如何固定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 吗？我该如何实现？

提前致谢!

Answer 1

替换

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

通过

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

到你的 CSS

FIDDLE