Simple Responsive YouTube iFrames

videowrapper.js

  
  // This variable only captures iframes with a youtube video, extend as required...
  var video = $("iframe[src^='https://www.youtube.com']");
  
  if (video.length) {
    video.each(function() {
      $(this).wrap("<div class='videoWrapper'></div>");
    });
  }
  

videowrapper.scss

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}