https://github.com/experience-monks/fullscreen-handler
Cross-browser fullscreen handler utility
https://github.com/experience-monks/fullscreen-handler
full-screen fullscreen
Last synced: about 1 year ago
JSON representation
Cross-browser fullscreen handler utility
- Host: GitHub
- URL: https://github.com/experience-monks/fullscreen-handler
- Owner: Experience-Monks
- License: mit
- Created: 2017-06-26T19:14:37.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-11T21:07:19.000Z (almost 9 years ago)
- Last Synced: 2025-04-29T04:27:52.797Z (about 1 year ago)
- Topics: full-screen, fullscreen
- Language: JavaScript
- Homepage:
- Size: 2.93 KB
- Stars: 10
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Cross-browser fullscreen handler utility.
Works in IE10+ and mobile browsers (Android - Chrome , iOS - Chrome + Safari)
## Syntax
```javascript
fullscreenHandler(element [, onEnterCallback, onExitCallback]);
```
## API
* ```enter``` - enter fullscreen
* ```exit``` - exit fullscreen
* ```destroy``` remove all even listeners
## Example
```javascript
import fullscreenHandler from 'fullscreen-handler';
const video = document.querySelector('video');
const fs = fullscreenHandler(video);
video.addEventListener('play', fs.enter);
video.addEventListener('pause', fs.exit);
...
// make sure to destroy when it's time
fs.destroy();
```
## Install
```sh
npm install fullscreen-handler --save
```
## License
MIT, see [LICENSE.md](http://github.com/Jam3/fullscreen-handler/blob/master/LICENSE) for details.