Make Embed Iframe responsive in Worpdress

Put this in your style.css

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

Call this script in footer or in js file

 jQuery("iframe").each(function(){
        jQuery(this).wrap( "<div class='iframe-container'></div>" );
      })

____