Chrome Fullscreen API

Question

According to this article Google Chrome 15 has a fullscreen JavaScript API   I have tried to make it work but failed  I have also searched for official documentation in vain   What does the fullscreen JavaScript API look like

User · Answer

I made a simple wrapper for the Fullscreen API, called screenfull.js, to smooth out the prefix mess and fix some inconsistencies in the different implementations. Check out the demo to see how the Fullscreen API works.

Recommended reading:

User · Answer

Here are some functions I created for working with fullscreen in the browser   They provide both enter exit fullscreen across most major browsers   function isFullScreen         return  document fullScreenElement  amp  amp  document fullScreenElement     null              document mozFullScreen             document webkitIsFullScreen      function requestFullScreen element        if  element requestFullscreen          element requestFullscreen        else if  element msRequestFullscreen          element msRequestFullscreen        else if  element mozRequestFullScreen          element mozRequestFullScreen        else if  element webkitRequestFullscreen          element webkitRequestFullscreen       function exitFullScreen         if  document exitFullscreen          document exitFullscreen        else if  document msExitFullscreen          document msExitFullscreen        else if  document mozCancelFullScreen          document mozCancelFullScreen        else if  document webkitExitFullscreen          document webkitExitFullscreen       function toggleFullScreen element        if  isFullScreen            exitFullScreen        else         requestFullScreen element    document documentElement

User · Answer

The API only works during user interaction  so it cannot be used maliciously  Try the following code   addEventListener  click   function         var el   document documentElement        rfs   el requestFullscreen            el webkitRequestFullScreen            el mozRequestFullScreen            el msRequestFullscreen             rfs call el

User · Answer

The following test works in Chrome 16  dev branch  on X86 and Chrome 15 on Mac OSX Lion  http   html5-demos appspot com static fullscreen html

User · Answer

In Google s closure library project   there is a module which has do the job   below is the API and source code   Closure library fullscreen js API  Closure libray fullscreen js Code

[javascript] Chrome Fullscreen API

Examples related to javascript

Examples related to google-chrome

Examples related to fullscreen