Responsive IFrame

HTML

<div id="wrapper">
  <div class="container">
    <iframe scrolling="no" src="https://youtu.be/eh7lp9umG2I" frameborder="0" allowfullscreen>
    </iframe>
  </div>
</div>

CSS

/*
  This code now reflects the proper answer
*/
body {
  margin: 0;
}

#wrapper {
  width: 90vw;
  height: 2vh;
}

.container {
  position: relative;
  padding-bottom: 56%;
  width: 100%;
  height: 0;
}

.container iframe {
  position: absolute;
  top: -.5%;
  left: -.5%;
  width: 101%;
  height: 101%;
  overflow: hidden;
  vertical-align: middle;
}