title: Fullscreen API for Chrome on iPad?
body: <p>I am creating a widget that I would like to go fullscreen once a button is clicked. I have implemented the fullscreen API and it works like a charm on all browsers. However, I am creating this widget to work as a interactive kiosk on iPads only. I have the freedom to use whatever browser that works best, but I can not get the fullscreen functionality to work on my iPad. Have tried multiple different options but to no suffice... I have the following code that works on normal desktop browsers:</p>
  
  <pre><code>var element = document.getElementById('element');
  var fullscreenButton = document.getElementById('fullscreenButton');
  
  fullscreenButton.addEventListener('click', function(){
      if(element.requestFullscreen){
          element.requestFullscreen();
      }else if(element.webkitRequestFullscreen){
          element.webkitRequestFullscreen();
      }else if(element.mozRequestFullScreen){
          element.mozRequestFullScreen();
      }else if(element.msRequestFullscreen){
          element.msRequestFullscreen();
      } else{
          element.webkitEnterFullscreen();
      }
  });
  </code></pre>
  
  <p>Is there any way possible for me to create an application (which is basically a slideshow) to enter fullscreen on iPads, in any way possible? Thanks in advance for all tips/help.</p>