R

풀스크린 스크립트

· 2015-06-09 (화) 11:35:49 · 2008

<script>
function AutoScreen(el){
 
 var doc  = document.fullscreenElement;
 var moz  = document.mozFullScreenElement;
 var webkit = document.webkitFullscreenElement;
 var ms  = document.msFullscreenElement;
 
 if (!doc && !moz && !webkit && !ms) {
  fullscreen(el);
 } else {
  exitscreen();
 }
 
}

function fullscreen(el){
 
 if (el.requestFullscreen) {
  el.requestFullscreen();
 } else if (el.msRequestFullscreen) {
  el.msRequestFullscreen();
 } else if (el.mozRequestFullScreen) {
  el.mozRequestFullScreen();
    } else if (el.webkitRequestFullscreen) {
  el.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
    }
 
}
function exitscreen(){
 
 var doc = document;
 
 if (doc.exitFullscreen) {
  doc.exitFullscreen();
    } else if (doc.msExitFullscreen) {
  doc.msExitFullscreen();
    } else if (doc.mozCancelFullScreen) {
  doc.mozCancelFullScreen();
    } else if (doc.webkitExitFullscreen) {
  doc.webkitExitFullscreen();
    }
}
</script>

<a href="#"onclick="AutoScreen(document.body)">FullScreen</a>​

 

풀스크린 검색시 나와있는 스크립트 정리 해봤습니다.

 

|
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
15-06-25 조회 2,665
15-06-25 조회 2,589
15-06-16 조회 2,544
15-06-13 조회 1,674
15-06-10 조회 2,421
15-06-09 조회 2,009
15-06-08 조회 3,126
15-05-31 조회 1,488
15-05-29 조회 2,298
15-05-29 조회 1,400
15-05-29 조회 1,648
15-05-27 조회 1,996
15-05-27 조회 1,554
15-05-23 조회 1,265
15-05-21 조회 2,767
15-05-19 조회 1,277
15-05-18 조회 3,011
15-05-07 조회 2,569
15-05-07 조회 1,975
15-05-06 조회 2,588
15-05-06 조회 2,114
15-05-06 조회 2,873
15-04-30 조회 2,987
15-04-13 조회 1,643
15-04-04 조회 2,054