title: Displaying a YouTube video with iframe full width of page
body: <p>I've put a video in my site using an <code>iframe</code> from YouTube, while the <code>iframe</code> is full width (<code>100%</code>) the video is very small (height) within the frame. How do I make it fit the width of the container? </p>
  
  <p>Code: </p>
  
  <pre><code>&lt;iframe width="100%" height="100%" src="https://www.youtube.com/embed/5m_ZUQTW13I" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>See screenshot</p>
  
  <p><a href="https://i.stack.imgur.com/4dzZt.png" rel="noreferrer"><img src="https://i.stack.imgur.com/4dzZt.png" alt="enter image description here"></a></p>