JavaScript Fullscreen API

API Fullscreen

يقدم API Fullscreen طرقًا وسمات لمعالجة العناصر HTML في الوضع الكامل للشاشة.

مثال

عرض عناصر <video> في الوضع الكامل للشاشة:

/* الحصول على العنصر الذي يجب عرضه في الوضع الكامل للشاشة */
var elem = document.getElementById("myvideo");
/* قم بتنفيذ وظيفة openFullscreen() لفتح الفيديو في الوضع الكامل للشاشة. يشمل التمييزات القديمة للأجهزة التي لا تدعم خاصية requestFullscreen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

جرب بنفسك

سمات ومتغيرات Fullscreen

سمة / طريقة وصف
exitFullscreen إزالة العنصر من الوضع الكامل للشاشة.
fullscreenElement يعود إلى العنصر في الوضع الكامل للشاشة.
fullscreenEnabled إذا كان يمكنك مشاهدة المستند في الوضع الكامل للشاشة، فإنه يعود إلى true.
requestFullscreen ɗanarorin a cikin ɗanarorin ɗaya ɗaya a cikin ɗanarorin ɗaya ɗaya.