responsive youtube embed

by ian_smithz

HTML

<div class="video-wrapper-outer">
  <div class="video-wrapper-inner">
    <iframe src="https://www.youtube.com/embed/NChY3M4A1bw" 
      frameborder="0" allowfullscreen></iframe>
  </div>
</div>

CSS

.video-wrapper-outer {
  max-width:640px; 
  margin-left:auto;
  margin-right:auto;
}
.video-wrapper-inner {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0;
}
.video-wrapper-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}