title: Play Youtube iframe full screen
body: <p>I've got a page with a embedded Youtube video in a iframe.
  I want to set the video to full screen whenever someone plays the video.
  I've tried many things but can't seem to get it working.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;div class="video-wrapper"&gt;
      &lt;div class="video"&gt;
          &lt;iframe id="home-video" allowfullscreen="allowfullscreen"     mozallowfullscreen="mozallowfullscreen"
                                          msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen"
                                          webkitallowfullscreen="webkitallowfullscreen" frameborder="0"
                                          src="https://www.youtube.com/watch_popup?v=dQw4w9WgXcQ"&gt;
          &lt;/iframe&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I also tried to accomplish this with the Youtube Api, but without success.</p>
  
  <pre><code> &lt;script src="https://www.youtube.com/iframe_api"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Anyone?</p>