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; 
} 

Edit: редактировал скрипка с позиционированием видео в случае, если вы не хотите, чтобы урожай начинался точно с вершины.

Fiddle