Phương thức fullscreenEnabled() của API Fullscreen

Định nghĩa và cách sử dụng

fullscreenEnabled() trả về giá trị biểu thức logic, chỉ ra có thể xem tài liệu trong chế độ toàn màn hình hay không.

Nếu chế độ toàn màn hình có thể sử dụng, thì phương thức fullscreenEnabled() Phương thức trả về true nếu có thể, 否 thì trả về false.

Lưu ý:Vui lòng sử dụng elementPhương thức .requestFullscreen() Xem phần tử trong chế độ toàn màn hình.

Lưu ý:Vui lòng sử dụng elementPhương thức .exitFullscreen() Hủy chế độ toàn màn hình.

Thực hành

Ví dụ 1

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

/* Lấy phần tử bạn muốn hiển thị toàn màn hình */
var elem = document.getElementById("myvideo");
/* Hàm mở chế độ toàn màn hình */
function openFullscreen() {
  /* Nếu chế độ toàn màn hình có thể sử dụng, thì hiển thị toàn màn hình phần tử */
  if (document.fullscreenEnabled) {
    /* Hiển thị toàn màn hình cho phần tử */
    elem.requestFullscreen();
  }
}

Thử ngay

Ví dụ 2

Sử dụng tiền tố cho mã đa trình duyệt:

/* Nếu chế độ toàn màn hình có thể sử dụng, thì làm điều này */
if (
  document.fullscreenEnabled || /* Cú pháp tiêu chuẩn */
  document.webkitFullscreenEnabled || /* Safari */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

Thử ngay

Cú pháp

document.fullscreenEnabled()

Tham số

Không có.

Chi tiết kỹ thuật

Giá trị trả về:

Giá trị biểu thức logic, chỉ ra có thể xem tài liệu trong chế độ toàn màn hình hay không:

  • true - Có thể xem tài liệu trong chế độ toàn màn hình
  • false - Không thể xem tài liệu toàn màn hình

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ phương pháp này.

Ghi chú:Một số trình duyệt cần tiền tố đặc biệt (xem trong dấu ngoặc):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
45.0 (webkit)		 12.0
11.0 (ms)		 64.0
47.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)