如何设置html5视频高度固定?

时间:2014-04-10 08:39:33

标签: jquery css html5

我正在尝试将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!

1 个答案:

答案 0 :(得分:4)

替换

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

通过

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

到你的CSS

<强> FIDDLE