자바스크립트로 Fullscreen 적용하기

 

var fsCheck = false;

function goFullscreen(data){
	var fullscreenTarget = document.getElementById('page-top');
	if (fsCheck) {
    	if(document.exitFullscreen) {
        	document.exitFullscreen();
		} else if(document.webkitExitFullscreen) {
        	document.webkitExitFullscreen();
		} else if(document.mozCancelFullScreen) {
			document.mozCancelFullScreen();
		} else if(document.msExitFullscreen) {
			document.msExitFullscreen();
		}
        
        $(data).attr('class', $(data).attr('class').replace('-exit', ''));
		fsCheck = false;
	} else {
		if (fullscreenTarget.requestFullscreen) {
			fullscreenTarget.requestFullscreen();
		} else if (fullscreenTarget.webkitRequestFullScreen) {
			fullscreenTarget.webkitRequestFullScreen();
		} else if (fullscreenTarget.mozRequestFullScreen) {
			fullscreenTarget.mozRequestFullScreen();
		} else if (fullscreenTarget.msRequestFullscreen) {
			fullscreenTarget.msRequestFullscreen();
		}

		$(data).attr('class', $(data).attr('class').replace('md-fullscreen', 'md-fullscreen-exit'));
		fsCheck = true;
	}
}