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

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

exitFullscreen() Phương thức loại bỏ phần tử trong chế độ toàn màn hình.

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

Mô hình

Ví dụ 1

Mở trang HTML toàn màn hình, sau đó nhấp vào nút để đóng nó:

if (elem.requestFullscreen) {
elem.requestFullscreen();
else if (elem.webkitRequestFullscreen) { /* Safari */
}
  elem.webkitRequestFullscreen();
    else if (elem.msRequestFullscreen) { /* IE11 */
  }
    elem.msRequestFullscreen();
  /* Đóng toàn màn hình */
    function closeFullscreen() {
  }
}
if (document.exitFullscreen) {
document.exitFullscreen();
  else if (document.webkitExitFullscreen) { /* Safari */
    }
  document.webkitExitFullscreen();
    else if (document.msExitFullscreen) { /* IE11 */
  }
    document.msExitFullscreen();
  }
}

Thử ngay

Ví dụ 2

Khi trang web ở chế độ toàn màn hình, bạn có thể sử dụng CSS để thiết lập kiểu dáng trang web:

/* Safari */
-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
-ms-fullscreen {
  background-color: yellow;
}
/* Cú pháp tiêu chuẩn */
:fullscreen {
  background-color: yellow;
}

Thử ngay

Cú pháp

HTMLElementObject.exitFullscreen()

Tham số

Không có.

Chi tiết kỹ thuật

Giá trị trả về: Không có giá trị trả về.

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
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)