jquery.full.screen

• One of the many jquery plugins that combine the Full Screen API in single call.
• Lightweight: less than 2K minified.
• Allows toggling specific page elements and styling the switches according to current state.

Example usage:

    <p data-toggle="fullscreen" > make page full screen</p>
    <p data-toggle="fullscreen" data-target="#mydiv" > make #mydiv full screen</p>

     $('[data-toggle="fullscreen"]').fullscreen();

Options and callbacks

{
    iconEnter: 'zmdi zmdi-fullscreen-alt',
    iconExit: 'zmdi zmdi-fullscreen-exit',
    onenter: function() {},
    onexit: function() {}
    delay:250
}

Install

    bower / npm install jquery.full.screen

Demo

Notes

Please check "can i use" for list of browsers which support the Full Screen API. It seems that is not yet working on some mobile browsers, i.e IOS safari and native android browser.