CodePen

HTML

            
              <div class="content">
  <div class="video-container">
    <iframe width="560" height="315" src="http://www.youtube.com/embed/ZvyNOg4jSRg" frameborder="0" allowfullscreen></iframe>
  </div>
</div>
            
          
!
via HTML Inspector

CSS

            
              .content{
  width: 60%;
  min-width: 560px;
  margin: 0 auto;
}

.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%;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................