youtube trying to overflow container -responsive

by ian_smithz

HTML

<div class="iframe-container">

  <iframe src="https://www.youtube.com/embed/wz3V80uKl_E?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1&amp;mute=1&amp;loop=1&amp;&playlist=wz3V80uKl_E" allow="autoplay; encrypted-media" frameborder="0"></iframe>
  
</div>

CSS

.iframe-container {
  width: 100%;
  height: 400px;
  background: #666;
  overflow: hidden;
}

JavaScript

$('.iframe-container iframe').css({ width: $(window).innerWidth() + 'px', height: (($(window).innerWidth())*0.5625) + 'px' });