JavaScript Fullscreen API

Fullscreen API

Fullscreen API มีวิธีและคุณสมบัติสำหรับการจัดการกับองค์ประกอบ 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 以全屏模式打开元素。