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