Skip to content

hkkFun/be-full

 
 

Repository files navigation

be-full NPM Version Size

Full screen display, support PC/mobile, less than 1kb. 🚀Online demo

Language

中文 | English

Install

npm i -S be-full

⚡ quick start

web page full screen
import {beFull} from 'be-full';
beFull();
element fullscreen
const el = document.getElementById('video');
beFull(el);

set css property ":fullscreen"

If there is a "black" gap (or other colors) when the element is full screen, the second parameter can be set to the specified color.

const el = document.getElementById("video");
beFull(el, "#fff");

Note: After executing "exitFull" or "toggleFull", the setting of ":fullscreen" will be automatically canceled.

🔥 API

exitFull(Exit Full Screen)
exitFull();
toggleFull (toggle full screen/exit)

The method of use is the same as beFull, except that the second click will execute exitFull

toggleFull();

// Switch the specified element to full screen/exit
toggleFull(document.getElementById('video'));
isFull (whether the element is full screen)
isFull(document.getElementById('video')); // true or false

About

🛰 浏览器全屏 / full screen

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 49.0%
  • HTML 30.3%
  • CSS 13.5%
  • JavaScript 7.2%