API Fullscreen JavaScript

API Fullscreen

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() اگر می‌توانید مستند را در حالت تمام‌صفحه مشاهده کنید، در این صورت true بازمی‌گرداند.
requestFullscreen() عنصر را در حالت تمام‌صفحه باز کنید.