diff --git a/snippets/fullscreen.md b/snippets/fullscreen.md new file mode 100644 index 000000000..d394ec91d --- /dev/null +++ b/snippets/fullscreen.md @@ -0,0 +1,23 @@ +--- +title: fullscreen +tags: browser,intermediate +--- + +Opens or closes an element in fullscreen mode. + +- Use `document.querySelector()` and `Element.prototype.requestFullscreen()` to open the given element in fullscreen. +- Use `document.exitFullscreen()` to exit fullscreen mode. +- Omit the second argument, `el`, to use `body` as the default element. +- Omit the first element, `mode`, to open the element in fullscreen mode by default. + +```js +const fullscreen = (mode = true, el = 'body') => + mode + ? document.querySelector(el).requestFullscreen() + : document.exitFullscreen(); +``` + +```js +fullscreen(); // Opens `body` in fullscreen mode +fullscreen(false); // Exits fullscreen mode +```