title: HTML Embedded video cut off
body: <p>I am trying to embed a video from YouTube into my site. I am wondering if there is a way to relate the width and height based on the window size. For example, on an iPhone it looks something like <a href="http://i.stack.imgur.com/qgRnV.png" rel="nofollow">THIS</a>. Can I make the video shrink in width to smaller than the display size? Can I tie in my responsive site somehow, to get that? </p>
  
  <p>It works great on computers or other larger screened devices, but not mobile. </p>
  
  <p>Source:</p>
  
  <pre><code>&lt;center&gt;&lt;iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/zRDi1DT3AFA?rel=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/center&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/cuj8k9ex/" rel="nofollow">Full page source</a></p>
  
  <p>Thanks for the help!</p>
  
  <p>[edit: source]</p>