The exitFullscreen() method requests the element which is currently in full-screen mode to be taken out of full-screen mode. If the element is not in full-screen mode, then nothing gets changed. The reverse of this method is requestFullscreen().
Syntax:
HTMLElementObject.exitFullscreen()
Parameters: No parameters are required.
Return Value: No return value.
Example: In this example, we will use exitFullscreen() method
HTML
<!DOCTYPE html><html>
<head>
<title>
HTML | DOM exitFullscreen() Method
</title>
<!--script for close and open fullscreen-->
<script>
let elem = document.documentElement;
function closeFullscreen() {
if (document.exitFullscreen)
document.exitFullscreen();
}
function openFullscreen() {
if (elem.requestFullscreen)
elem.requestFullscreen();
}
</script>
</head>
<body>
<h2>Welcome to GeeksforGeeks</h2>
<p>
Click on the "Open Fullscreen" button to open this page in"
+ "fullscreen mode. Close it by either clicking the "Esc" key"
+" on your keyboard, or with the "Close Fullscreen" button.
</p>
<button onclick="openFullscreen();">
Open Fullscreen
</button>
<button onclick="closeFullscreen();">
Close Fullscreen
</button>
</body>
</html>
|
Output:
Supported Browsers: The browser supported by DOM exitFullscreen() Method is listed below:
- Google Chrome 71 and above
- Edge 79 and above
- Internet Explorer 11 and above
- Firefox 64 and above
- Opera 58 and above
- Safari 5.1 and above