Press "Enter" to skip to content

How to Use Applet Full-Screen API Helper with jQuery

The HTML5 API Helper allows full screen across browsers to display any DOM elements or the entire document in full-screen mode. It can be executed in jQuery or Vanilla JavaScript.

how to call helper function in jquery, jquery rest api get example, jquery ajax, jquery web api, jquery ajax example, jquery ajax get request

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

Official Website(brcontainer): Click Here

This superior jQuery/javascript plugin is developed by brcontainer. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *