[html]반응형 동영상 넣기

Responsive Youtube

...body

<div style="margin: 0px auto; max-width:780px;background-color: #FFF;padding-bottom: 50px;">
      <style type="text/css">
      .embed-container iframe,
      .embed-container object,
      .embed-container embed {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 93%;height: 100%;}
      </style>
      <div class="embed-container" style="position: relative; padding-bottom: 52.23%; max-width: 100%; height: 0px; overflow: hidden">
          <iframe allowfullscreen="" frameborder="0" height="376" 
            src="https://www.youtube.com/embed/s-3e17Bxj74?rel=0" title="동영상" width="100%">
          </iframe>
      </div>
</div>

...body

원본: https://gist.github.com/ferrari219/a0d9eb88a322d4c4c710c5c2f2900a5e