- 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.
<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();
{
iconEnter: 'zmdi zmdi-fullscreen-alt',
iconExit: 'zmdi zmdi-fullscreen-exit',
onenter: function() {},
onexit: function() {}
delay:250
}
bower / npm install jquery.full.screen
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.