R

풀스크린 스크립트

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

<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-12-11 조회 517
15-12-11 조회 527
15-12-11 조회 552
15-12-10 조회 513
15-12-10 조회 523
15-12-10 조회 529
15-12-03 조회 1,129
15-12-03 조회 647
15-11-25 조회 552
15-11-09 조회 656
15-11-04 조회 716
15-06-09 조회 2,021
15-05-06 조회 2,607
15-03-28 조회 1,789
14-12-05 조회 2,362
14-10-25 조회 2,281
14-10-13 조회 1,547
14-10-03 조회 3,112
14-09-19 조회 2,141
14-09-18 조회 1,375
14-09-13 조회 1,901
14-09-03 조회 2,830
14-08-26 조회 1,313
14-08-26 조회 1,091
14-08-26 조회 1,197