HTML5视频播放全宽和一定高度

Question

我想添加一个视频到我的网站全宽和一定的高度。不是全屏。像这样http://codecanyon.net/item/easy-video-background/full_screen_preview/1365012

我该怎么做？如果你能帮忙，我会很高兴。

<video autoplay="autoplay" loop muted onplaying="this.controls=false" volume="0"> 
    <source src="videos/20.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    Video not supported. 
</video> 

CSS

video 
{ 
    min-width: 100%; 
    height: 600px; 
    width: 100%; 
    right: 0px; 
    top: 0px; 
    position: absolute; 
} 

Answer 1

使用100％的宽度和xpx高度容器溢出一起：隐藏和内你把你的视频标签

#video-container { 
overflow: hidden; 
width: 100%; 
height: 200px; 
} 

编辑： 编辑的摆弄视频定位，以防万一你不希望作物从顶端开始。

Fiddle