Enabling Fullscreen Mode on Your Web Page Using JavaScript

Want to make your web page more immersive? Use JavaScript to enable fullscreen mode and enhance the user experience.

function openFullscreen(element) {
  if (element.requestFullscreen) {

// Example usage:
// openFullscreen(document.documentElement); // Fullscreen the whole page
// openFullscreen(document.getElementById("myVideo")); // Fullscreen an individual element

With this function, you can make any HTML element or the entire page fullscreen. This is especially handy for video players or immersive interactive experiences.

Copyright © 2024. Design and code by myself with Next.js. Fork it and create yours