我正在尝试将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!
答案 0 :(得分:4)
替换
video{
width:100%;
height:auto;
}
通过
video{
min-width:100%;
min-height:100%;
}
到你的CSS
<强> FIDDLE 强>