title: HTML Video element Fullscreen
body: <p>Is there a way in Angular 2 to make a video fullscreen once pressing a button?</p>
  
  <p>This is the function I tried so far. (Note that pausing and playing works fine.)</p>
  
  <pre><code>fullscreen(video){
          video.requestFullscreen();
      }
  </code></pre>
  
  <p>HTML code</p>
  
  <pre><code>&lt;video #video autoplay&gt;
    &lt;source src="assets/videos/mov_bbb.mp4" type="video/mp4"&gt;
     &lt;img alt = "Test image" src="/assets/images/example.png" title="Your browser does not support the &lt;video&gt; tag"&gt;
     &lt;/video&gt;
  &lt;button (click)="fullscreen(video);"&gt; Fullscreen &lt;/button&gt;
  </code></pre>