title: Play youtube video in fullscreen on button click on mobile browsers
body: <p>I want to play a youtube video in fullscreen on click of a button. I currently have the following <code>iframe</code>:</p>
  
  <pre><code>&lt;div class="youtube-trailer"&gt;
      &lt;iframe class="youtube-player" type="text/html" src="http://www.youtube.com/embed/whatever" allowfullscreen frameborder="0"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>On Safari Mobile, specifically, when a press the Play button the video launches in full screen which is the desired behavior. This is fine. I don't want the <code>iframe</code> displayed on the page though. I just want a button that will open the video in fullscreen using the native video player. i.e. i don't want to create an overly-elaborate lightbox to house the video.</p>
  
  <p>Anyone have any ideas?</p>