How to make use of it:

1. To use the plugin, you first must load the following JavaScript and CSS files within the doc.

<link rel="stylesheet" href="full-screen-helper.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="full-screen-helper.js"></script>

2. Set a given component to fullscreen.

$('body').fullScreenHelper('request');

3. Exit the fullscreen mode.

$('body').fullScreenHelper('exit');

4. Toggle the fullscreen mode.

$('body').fullScreenHelper('exit');

5. Event listener.

$(document).on("fullscreenchange", function () {
  if ($.fullScreenHelper("state")) {
    console.log("In fullscreen", $(":fullscreen"));
  } else {
    console.log("Not in fullscreen");
  }
});

Tiny Fullscreen API Helper With jQuery, browser full-screen javascript

See Demo And Download