title: Making youtube.com/embed URLs work on iOS
body: <p>For a given video on YouTube, you can visit http://youtube.com/watch?v=[code] on any iOS device to see the video.</p>
  
  <p>However, if you use the http://youtube.com/embed/[code] URL — for instance, in an iframe on a page or in a <a href="http://www.jacklmoore.com/colorbox">Colorbox</a> modal — it will not play on iOS. </p>
  
  <p>For instance, if you use code like this:</p>
  
  <pre><code>&lt;iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"&gt;
  </code></pre>
  
  <p></p>
  
  <p>You just see an error:</p>
  
  <blockquote>
    <p>Your browser does not currently recognize any of the video formats available. <a href="http://example.com">Click here to visit our frequently asked questions about HTML5 video.</a></p>
  </blockquote>
  
  <p>To add insult to injury, the link is not clickable on iOS, so I don't know what page that goes to. There is an <a href="http://youtube.com/html5">HTML5 page on YouTube</a>, but it says nothing particularly useful or surprising.</p>
  
  <p>Is there a syntax that can be for iframe embedding that works as expected on iOS?</p>