HTML DOM exitFullscreen() Method
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 w3wiki</ 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
Contact Us