title: Can YouTube/Vimeos adapt their height to width (CSS)?
body: <p>I used standard Youtube embed code like:</p>
  
  <pre><code>&lt;div style="width:100%; max-width:800px;"&gt;
      &lt;iframe width="960" height="720" src="http://www.youtube.com/embed/VIDEO_ID"
         frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I added <code>iframe { width: 100%; }</code> in style.css and it works (its new width is max 800px) but it doesn't adapt height... <code>height: auto;</code> and <code>height: 100%;</code> make it like 100px high or 720px high (far too high).</p>
  
  <p><strong>Is there any way that YouTube video could always maintain 16:9 aspect ratio in responsive container (that can have any width from 1px to 800px)?</strong></p>