Security News
New Proposed CISA Mandate Would Require Critical Infrastructure to Report Ransom Payments Within 24 Hours
CISA has proposed a set of new rules that would require critical infrastructure to report cyber incidents and ransom payments.
jquery-fullscreen-plugin
Advanced tools
This jQuery plugin provides a simple to use mechanism to control the new fullscreen mode of modern browsers. Currently only newer Webkit-based browsers (Like Chrome) and Firefox provide this new fullscreen feature.
Weekly downloads
Readme
This jQuery plugin provides a simple to use mechanism to control the new fullscreen mode of modern browsers. Currently only newer Webkit-based browsers (Like Chrome and Safari), Firefox and IE11+ provide this new fullscreen feature.
You can either switch the whole page or a single HTML element to fullscreen mode:
$(document).fullScreen(true);
$("#myVideo").fullScreen(true);
This only works when the code was triggered by a user interaction (For example a onclick event on a button). Browsers don't allow entering fullscreen mode without user interaction.
Fullscreen mode is always exited via the document but this plugin allows it also via any HTML element. The owner document of the selected HTML element is used then:
$(document).fullScreen(false);
$("#myVideo").fullScreen(false);
Simply pass no argument to the fullScreen
method to query the current
state. The method returns the current fullscreen element (or true if
browser doesn't support this) when fullscreen mode is active, false
if not
active or null
when the browser does not support fullscreen mode at all.
So you can use this method also to display a fullscreen button only when the
browser supports fullscreen mode:
$("#fullscreenButton").toggle($(document).fullScreen() != null))
The plugin provides another method for simple fullscreen mode toggling:
$(document).toggleFullScreen();
The plugin triggers a fullscreenchange
event on the document when the
fullscreen mode has been changed. If the browser rejected a fullscreen
state change then the plugin triggers a fullscreenerror
event on the
document. Example:
$(document).bind("fullscreenchange", function() {
console.log("Fullscreen " + ($(document).fullScreen() ? "on" : "off"));
});
$(document).bind("fullscreenerror", function() {
alert("Browser rejected fullscreen change");
});
Entering fullscreen mode from within an iframe is not allowed by default but it can be enabled with a few attributes on the iframe:
<iframe src="iframe.html" webkitAllowFullScreen mozAllowFullScreen allowFullScreen>
</iframe>
FAQs
This jQuery plugin provides a simple to use mechanism to control the new fullscreen mode of modern browsers. Currently only newer Webkit-based browsers (Like Chrome) and Firefox provide this new fullscreen feature.
The npm package jquery-fullscreen-plugin receives a total of 379 weekly downloads. As such, jquery-fullscreen-plugin popularity was classified as not popular.
We found that jquery-fullscreen-plugin demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISA has proposed a set of new rules that would require critical infrastructure to report cyber incidents and ransom payments.
Security News
Redis is no longer OSS, breaking its explicit commitment to remain under the BSD 3-Clause License forever. This has angered contributors who are now working to fork the software.
Product
Socket AI now enables 'AI detected potential malware' alerts by default, ensuring users benefit from AI-powered state-of-the-art malware detection without needing to opt-in.