풀스크린 스크립트 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

풀스크린 스크립트 정보

JavaScript 풀스크린 스크립트

본문

<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>​

 

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

 

추천
0

댓글 0개

전체 5,397
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT