Cacher is the code snippet organizer for pro developers

/* 
* Responsive video container 
* http://www.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/
*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}