API Fullscreen JavaScript

Fullscreen API

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

مثال

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

/* الحصول على العنصر الذي يجب عرضه في الوضع الكامل للشاشة */
var elem = document.getElementById("myvideo");
/* تنفيذ function 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() إذا كان يمكن عرض المستند في الوضع الكامل للشاشة، فإنه يعود صحيحًا.
requestFullscreen() افتح العنصر في الوضع الكامل الشاشة.