전체 화면 API fullscreenEnabled()
예시
전체 화면 모드에서 <video> 요소 표시:
/* Get the element you want displayed in fullscreen */
var elem =
document.getElementById("myvideo");
/* Function to open fullscreen mode
*/
function openFullscreen() {
/* If fullscreen mode is
available, show the element in fullscreen */
if (document.fullscreenEnabled)
{
/* Show the element in fullscreen */
elem.requestFullscreen();
}
}
정의 및 사용
fullscreenEnabled() 메서드는 문서를 전체 화면 모드에서 볼 수 있는지 여부를 나타내는 부울 값을 반환합니다.
fullscreenEnabled() 메서드는 전체 화면 모드를 사용할 수 있으면 true를 반환하고 그렇지 않으면 false를 반환합니다.
팁: 요소 .requestFullscreen() 메서드를 사용하여 요소를 전체 화면 모드로 봅니다.
팁: 요소 .exitFullscreen() 메서드를 사용하여 전체 화면 모드를 취소합니다.
브라우저 지원
표의 숫자는 이 방법을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다. 참고: 일부 브라우저에는 특정 접두사가 필요합니다(괄호 참조).
Method | |||||
---|---|---|---|---|---|
fullscreenEnabled() | 71.0 45.0 (webkit) |
12.0 11.0 (ms) |
64.0 47.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
예시
브라우저 간 코드에 접두사 사용:
/* If fullscreen mode is available, then do something */
if (
document.fullscreenEnabled || /* Standard syntax */
document.webkitFullscreenEnabled || /* Safari */
document.msFullscreenEnabled/* IE11 */
) {
...
}
통사론
document.fullscreenEnabled()
매개변수
없음 |
기술적 세부 사항
반환 값: | 문서를 전체 화면 모드로 볼 수 있는지 여부를 나타내는 부울 값:
|
---|
❮ 전체 화면 API