مетод exitFullscreen() من API الشاشة الكاملة

التعريف والاستخدام

exitFullscreen() إلغاء العنصر في الوضع الكامل.

نصيحة:استخدم طريقة requestFullscreen() افتح عنصرًا بالعرض الكامل.

مثال

مثال 1

افتح صفحة HTML بالعرض الكامل، ثم اضغط على الزر لإغلاقه:

/* الحصول على documentElement (<html>) لعرض الصفحة بالشاشة الكاملة */
var elem = document.documentElement;
/* عرض الشاشة الكاملة */
function openFullscreen() {
  إذا كان elem.requestFullscreen) {
    elem.requestFullscreen();
  } آخر إذا كان elem.webkitRequestFullscreen) { /* سفاري */
    elem.webkitRequestFullscreen();
  } آخر إذا كان elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* إغلاق الشاشة الكاملة */
function closeFullscreen() {
  إذا كان document.exitFullscreen) {
    document.exitFullscreen();
  } آخر إذا كان document.webkitExitFullscreen) { /* سفاري */
    document.webkitExitFullscreen();
  } آخر إذا كان document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

تجربة شخصية

مثال 2

عندما تكون الصفحة في وضع الشاشة الكاملة، يمكنك استخدام CSS لتعيين نمط الصفحة:

/* سفاري */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* نحو معياري */
:fullscreen {
  background-color: yellow;
}

تجربة شخصية

النحو

HTMLElementObject.exitFullscreen()

المتغيرات

لا يوجد.

تفاصيل التقنية

قيمة العودة: لا يوجد قيمة العودة.

دعم المتصفح

الرقم في الجدول يشير إلى إصدار أولي يدعم هذا الطريقة.

التعليقات:بعض المتصفحات تحتاج إلى بادئة محددة (انظر في البارéntes):

كروم إدج فايرفوكس سفاري أوبرا
كروم إدج فايرفوكس سفاري أوبرا
71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)