API Fullscreen của JavaScript

API Fullscreen

API Fullscreen cung cấp các phương thức và thuộc tính để xử lý phần tử HTML toàn màn hình.

Mô hình

Hiển thị phần tử <video> trong chế độ toàn màn hình:

/* Lấy phần tử cần hiển thị toàn màn hình */
var elem = document.getElementById("myvideo");
/* Thực hiện hàm openFullscreen() để mở video toàn màn hình. bao gồm các trình duyệt không hỗ trợ thuộc tính requestFullscreen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  }
    elem.webkitRequestFullscreen();
  }
    elem.msRequestFullscreen();
  }
}

Thử ngay

Thuộc tính và phương thức Fullscreen

Thuộc tính / Phương thức Mô tả
exitFullscreen() Hủy phần tử trong chế độ toàn màn hình.
fullscreenElement Trả về phần tử đang ở chế độ toàn màn hình.
fullscreenEnabled() Nếu có thể xem tài liệu trong chế độ toàn màn hình, thì trả về true.
requestFullscreen() Mở phần tử trong chế độ toàn màn hình.