1,295
edits
Changes
→Examples
1. Make a video element display fullscreen when clicked and leave fullscreen when it ends.
<video src="pelican.webm" autoplay onclick="window.requestFullScreenDisableKeys(event.target)" onended="window.cancelFullScreen()"> </video>
2. Make a canvas element display fullscreen in response to user input. Resize the canvas to the appropriate resolution while it's fullscreen.
<script> function redrawCanvas(c) { ... } function resizeCanvas() { var c = document.getElementById("c"); var rect = c.getBoundingClientRect(); c.width = rect.width; c.height = rect.height; redrawCanvas(c); } </script> <canvas id="c" onfullscreenchange="resizeCanvas()"></canvas> <button onclick="window.requestFullScreen(document.getElementById('c'))"> Go Fullscreen! </button>
3. Hide advertisements while the window is fullscreen.
*:full-screen-root .advertisement { display:none; }
== Firefox Requirements ==
