جاوا اسکریپت جیو لوسیشن آپی

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() پورا اسکرین ماڈ میں عناصر کا کھولنا