[DOM_Element] JS - exitFullscreen() 메서드 - 전체화면모드 닫기 (IE11 이상)

exitFullscreen() 예제

 

<meta name="viewport" content="width=device-width, initial-scale=1">

<h2>홈짱닷컴</h2>

<p>Homzzang.com</p>

<button onclick="openFullScreen();">전체화면모드 열기</button>

<button onclick="closeFullScreen();">전체화면모드 닫기</button>

<script>

var docu = document.documentElement;

function openFullScreen() {

  if (docu.requestFullscreen) {

    docu.requestFullscreen();

  } else if (docu.mozRequestFullScreen) { /* Firefox */

    docu.mozRequestFullScreen();

  } else if (docu.webkitRequestFullscreen) { /* Chrome, Safari, Opera */

    docu.webkitRequestFullscreen();

  } else if (docu.msRequestFullscreen) { /* IE/Edge */

    docu.msRequestFullscreen();

  }

}

function closeFullScreen() {

  if (document.exitFullscreen) {

    document.exitFullscreen();

  } else if (document.mozCancelFullScreen) {

    document.mozCancelFullScreen();

  } else if (document.webkitExitFullscreen) {

    document.webkitExitFullscreen();

  } else if (document.msExitFullscreen) {

    document.msExitFullscreen();

  }

}

</script>

 

결과보기