This content originally appeared on DEV Community and was authored by ali-dev-hash

Enter Full-Screen Mode with JavaScript - Fullscreen

demo == > https://codepen.io/Bilal1909/full/XWpOQEO

How to use JavaScript to view an element in fullscreen mode

To open an element in fullscreen, we use the element.requestFullscreen() method:

Fullscreen Document

To open the whole page in fullscreen, use the document.documentElement instead of document.getElementById("element"). In this example, we also use a close function to close the fullscreen:

This content originally appeared on DEV Community and was authored by ali-dev-hash

Print Share Comment Cite Upload Translate Updates

APA

ali-dev-hash | Sciencx (2021-04-27T10:49:42+00:00) Enter Full-Screen Mode with JavaScript – Fullscreen. Retrieved from https://www.scien.cx/2021/04/27/enter-full-screen-mode-with-javascript-fullscreen/

MLA

" » Enter Full-Screen Mode with JavaScript – Fullscreen." ali-dev-hash | Sciencx - Tuesday April 27, 2021, https://www.scien.cx/2021/04/27/enter-full-screen-mode-with-javascript-fullscreen/

HARVARD

ali-dev-hash | Sciencx Tuesday April 27, 2021 » Enter Full-Screen Mode with JavaScript – Fullscreen., viewed ,<https://www.scien.cx/2021/04/27/enter-full-screen-mode-with-javascript-fullscreen/>

VANCOUVER

ali-dev-hash | Sciencx - » Enter Full-Screen Mode with JavaScript – Fullscreen. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/04/27/enter-full-screen-mode-with-javascript-fullscreen/

CHICAGO

" » Enter Full-Screen Mode with JavaScript – Fullscreen." ali-dev-hash | Sciencx - Accessed . https://www.scien.cx/2021/04/27/enter-full-screen-mode-with-javascript-fullscreen/

IEEE

" » Enter Full-Screen Mode with JavaScript – Fullscreen." ali-dev-hash | Sciencx [Online]. Available: https://www.scien.cx/2021/04/27/enter-full-screen-mode-with-javascript-fullscreen/. [Accessed: ]

rf:citation

» Enter Full-Screen Mode with JavaScript – Fullscreen | ali-dev-hash | Sciencx | https://www.scien.cx/2021/04/27/enter-full-screen-mode-with-javascript-fullscreen/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.