R

풀스크린 스크립트

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

<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-11-09 조회 659
15-10-06 조회 1,214
15-10-02 조회 988
15-05-29 조회 2,287
15-02-02 조회 1,806
15-01-18 조회 1,711
14-10-25 조회 5,507
14-10-25 조회 2,406
14-10-22 조회 4,391
14-10-22 조회 2,196
14-10-22 조회 2,148
14-10-18 조회 2,933
14-10-17 조회 3,331
14-10-17 조회 2,669
14-10-17 조회 5,982
14-10-17 조회 3,599
14-10-13 조회 1,572
14-10-13 조회 1,689
14-10-07 조회 3,786
14-09-24 조회 1,185
14-09-23 조회 1,311
14-09-22 조회 2,076
14-09-22 조회 3,276
14-09-22 조회 1,220
14-09-22 조회 997