embed responsive Video

.video-wrapper {
   width: 600px;
   max-width: 100%;
   } 

.video-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px; height: 0; overflow: hidden;
   }

.video-container iframe,
.video-container object,
.video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   }

Es gibt bereits viele Texte zu diesem Thema
webdesignerwall.com
alistapart
Responsive embeds
css-tricks
Ein Vimeo oder YouTube Video “responsive” einbinden