R

풀스크린 스크립트

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

<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에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
16-03-02 조회 881
16-01-19 조회 508
15-12-23 조회 662
15-12-08 조회 1,313
14-10-30 조회 2,901
14-06-06 조회 2,315
12-08-30 조회 1,525
12-08-20 조회 1,292
12-07-15 조회 2,721
12-07-13 조회 1,501
12-07-06 조회 1,483
12-06-27 조회 1,035
12-06-23 조회 1,154
12-05-03 조회 3,117
12-04-20 조회 2,060
12-03-29 조회 2,380
12-03-22 조회 2,729
12-03-22 조회 1,473
12-03-21 조회 1,301
12-03-11 조회 1,638
12-03-06 조회 1,919
12-02-22 조회 2,259
12-02-17 조회 1,240
12-02-17 조회 4,285
12-02-14 조회 3,909