Simple jQuery plugin para hacer HTML elementos Fullscreen-screenfull. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: sindresorhus
Views Total: 5,630
Sitio oficial: Ir a la web
Actualizado: March 29, 2019
Licencia: MIT

Vista prévia

Simple jQuery plugin para hacer HTML elementos Fullscreen-screenfull. js

Descripción

screenfull. js es una biblioteca de JavaScript vainilla a los elementos HTML brihtmlny en pantalla completa mediante el uso de JavaScript pantalla completa API . Funciona con todos los navegadores modernos como IE7/8/9/10, Chrome, Firefox, Safari y más.

Uso básico

Instalar y descargar.

# NPM
$ npm install screenfull --save

Importe el screenfull. js en el documento.

<script src="dist/screenfull.min.js"></script>

Haga un elemento de pantalla completa.

if (!screenfull.enabled) {

return false;
}

screenfull.request(document.getElementById('container'));

Salga del modo de pantalla completa.

screenfull.exit().then(function () {

console.log('Browser exited fullscreen mode')
});

Alternar el modo de pantalla completa.

screenfull.toggle(document.getElementById('container'));

Event handlers.

if (screenfull.enabled) {

screenfull.on('error', event => {


console.error('Failed to enable fullscreen', event);

});
}

if (screenfull.enabled) {

screenfull.on('change', () => {


console.log('Am I fullscreen?', screenfull.isFullscreen ? 'Yes' : 'No');

});
}

Registro de cambios

v4.1.0 (03/29/2019)

  • Bugfix

Te puede interesar: