movie responsive

index.html

<div class="thumb">    <iframe id="player" type="text/html" src="https://www.youtube.com/embed/cNTVl_lQONc?rel=0" frameborder="0"></iframe>  </div>

movie-responsive.markdown

movie responsive

A Pen by atos on CodePen.

License.

style.scss

.thumb{
        position: relative;
        iframe{
          position: absolute;
          width: 100%;
          height: 100%;
          z-index: 2;
          left: 0;
          top: 0;
        }
        &:before{
          content: "";
          display: block;
          padding-top: 56.25%;
        }
      }