Download
Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don't have to. This package is feature complete. No new features will be accepted. In order to use this package in Internet Explorer, you need a Promise polyfill. Safari is supported on desktop and iPad, but not on iPhone. This is a limitation in the browser, not in Screenfull. The default element is <html>. If called with another element than the currently active, it will switch to that if it's a decendant. Keep in mind that the browser will only enter fullscreen when initiated by user events like click, touch, key. Returns a promise that resolves after the element enters fullscreen. Hide navigation user-interface on mobile devices, Toggle fullscreen on a image with jQuery, and much more.
Features
- Fullscreen an element
- Fullscreen the page
- Hide navigation user-interface on mobile devices
- Fullscreen an element with jQuery
- Toggle fullscreen on a image with jQuery
- Detect fullscreen change
Project Samples
