مثال على طريقة HTML DOM exitFullscreen() - محرر عبر الإنترنت (oldtoolbag.com)

<!DOCTYPE html>
<html>
<title>مثال طريقة HTML DOM exitFullscreen() - درس أساسي - (oldtoolbag.com)</title>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>جافا سكريبت الشاشة الكاملة</h1>
<p>انقر على زر "فتح الشاشة الكاملة" لفتح هذه الصفحة في نمط الشاشة الكاملة. يمكنك إغلاق الشاشة الكاملة بالنقر على مفتاح "Esc" على لوحة المفاتيح أو باستخدام زر "إغلاق الشاشة الكاملة":</p>
<button onclick="openFullscreen();">فتح الشاشة الكاملة</button>
<button onclick="closeFullscreen();">إغلاق Fullscreen</button>
<script>
var elem = document.documentElement;
function openFullscreen() {
  if (elem.requestFullscreen) {
     elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) {    /* Firefox */
     elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
     elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) {     /* IE/Edge */
     elem.msRequestFullscreen();
  }
}
function closeFullscreen() {
  if (document.exitFullscreen) {
     document.exitFullscreen();
  } else if (document.mozCancelFullScreen) {  /* Firefox */
     document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
     document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) {     /* IE/Edge */
     document.msExitFullscreen();
  }
}
</script>
</body>
</html>