English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
requestFullscreen()전체 화면 모드에서 요소를 열기 위해 사용되는 메서드.
이 메서드는 다른 브라우저에서 작동하기 위해 특정 프리픽스가 필요합니다（아래의 브라우저 호환성을 참조하십시오）。
사용document.exitFullscreen()전체 화면 모드를 취소하는 메서드.
HTMLElement.requestFullscreen()
/* 페이지를 전체 화면으로 표시하기 위해 (<html>) 요소를 가져오기 */
var elem = document.documentElement;
/* 전체 화면 확인 */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {/* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}테스트를 보세요‹/›표에 나타난 숫자는 이 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다. 각 브라우저는 특정 제공자 프리픽스가 필요합니다：
| 메서드 | |||||
| requestFullscreen() | 15.0（Webkit） | 9.0（moz） | 12.10（Webkit） | 5.1（Webkit） | 11.0（ms） |
| 반환 값: | 없음 |
|---|
<video> 요소를 전체 화면 모드로 표시하려면:
/* (<video>) 요소를 가져오기 */
var elem = document.getElementsByTagName("video")[0];
/* 전체 화면 확인 */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {/* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}테스트를 보세요‹/›صف면이 전체 화면 모드에 있을 때, CSS를 사용하여 페이지 스타일을 설정할 수 있습니다:
div:-moz-full-screen {
background-color: pink;
}
div:-webkit-full-screen {
background-color: pink;
}
div:fullscreen {
background-color: pink;
}테스트를 보세요‹/›HTML DOM 참조:document.exitFullscreen() 메서드
HTML DOM 참조:document.fullscreenElement 속성
HTML DOM 참조:document.fullscreenEnabled 속성