Fullscreen API fullscreenEnabled() 메서드

정의와 사용법

fullscreenEnabled() 메서드는 불리언 값을 반환하여 전체 화면 모드에서 문서를 볼 수 있는지 여부를 나타냅니다.

전체 화면 모드가 사용 가능하다면, fullscreenEnabled() 메서드는 참이면 true를, 그렇지 않으면 false를 반환합니다.

안내:사용하십시오 element.requestFullscreen() 메서드 요소를 전체 화면 모드로 볼 수 있습니다.

안내:사용하십시오 element.exitFullscreen() 메서드 전체 화면 모드를 취소합니다.

예제

예제 1

전체 화면 모드에서 <video> 요소를 표시:

/* 전체 화면으로 표시하고자 하는 요소를 가져옵니다 */
var elem = document.getElementById("myvideo");
/* 전체 화면 모드를 열기 위한 함수 */
function openFullscreen() {
  /* 전체 화면 모드가 사용 가능하다면, 요소를 전체 화면으로 표시합니다 */
  if (document.fullscreenEnabled) {
    /* 요소를 전체 화면으로 표시 */
    elem.requestFullscreen();
  }
}

직접 시도해 보세요

예제 2

크로스 브라우저 코드에 프리퍼iks 사용:

/* 전체 화면 모드가 사용 가능하다면, 이를 위해 작업을 수행합니다 */
if (
  document.fullscreenEnabled || /* 표준 문법 */
  document.webkitFullscreenEnabled || /* 사파리 */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

직접 시도해 보세요

문법

document.fullscreenEnabled()

파라미터

없음。

기술 세부 사항

반환 값:

불리언 값, 전체 화면 모드에서 문서를 볼 수 있는지 여부를 나타냅니다:

  • true - 문서를 전체 화면 모드로 볼 수 있습니다:
  • false - 문서를 전체 화면으로 볼 수 없음

브라우저 지원

표의 숫자는 이 방법을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

비고:특정 프리퍼iks가 필요한 브라우저가 있습니다. (띄어쓰기 참조):

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
71.0
45.0 (webkit)
12.0
11.0 (ms)
64.0
47.0 (moz)
6.0 (webkit) 58.0
15.0 (webkit)