title: HTML5 Video Fullscreen onclick
body: <p>Can anyone help on this. I was advised to set up my file like below to have a click on an image trigger an HTML5 fullscreen video that is not shown but I get a function error. Do I need to include some library? It seems to not reconginize the command <code>requestFullscreen</code>.</p>
  
  <pre><code>&lt;body&gt;
     &lt;div class="slide" id=""&gt;
         &lt;img src="../root/img/gc_small.png" id="videoPlay" style="margin:200px 0 0 0;"&gt;
     &lt;/div&gt;
  
      &lt;video autoplay loop muted controls="false" id="myVideo" style="width:800px;"&gt;
          &lt;source src="video/portal.mp4" type="video/mp4"&gt;
      &lt;/video&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
           $(function() {
            $('#videoPlay').on('click', function(event) {
                event.preventDefault();
                $('#myVideo').requestFullscreen();
            });
        });
  
      &lt;/script&gt;
  </code></pre>