Created
April 2, 2014 16:40
-
-
Save huanglong-zz/9937872 to your computer and use it in GitHub Desktop.
fullscreen
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 判断各种浏览器,找到正确的方法 | |
function launchFullscreen(element) { | |
if(element.requestFullscreen) { | |
element.requestFullscreen(); | |
} else if(element.mozRequestFullScreen) { | |
element.mozRequestFullScreen(); | |
} else if(element.webkitRequestFullscreen) { | |
element.webkitRequestFullscreen(); | |
} else if(element.msRequestFullscreen) { | |
element.msRequestFullscreen(); | |
} | |
} | |
// 启动全屏! | |
launchFullScreen(document.documentElement); // 整个网页 | |
launchFullScreen(document.getElementById("videoElement")); // 某个页面元素 | |
// 判断浏览器种类 | |
function exitFullscreen() { | |
if(document.exitFullscreen) { | |
document.exitFullscreen(); | |
} else if(document.mozCancelFullScreen) { | |
document.mozCancelFullScreen(); | |
} else if(document.webkitExitFullscreen) { | |
document.webkitExitFullscreen(); | |
} | |
} | |
// 退出全屏模式! | |
exitFullscreen(); | |
var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement; | |
var fullscreenEnabled = document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled; | |
:-webkit-full-screen { | |
/* properties */ | |
} | |
:-moz-full-screen { | |
/* properties */ | |
} | |
:-ms-fullscreen { | |
/* properties */ | |
} | |
:full-screen { /*pre-spec */ | |
/* properties */ | |
} | |
:fullscreen { /* spec */ | |
/* properties */ | |
} | |
/* deeper elements */ | |
:-webkit-full-screen video { | |
width: 100%; | |
height: 100%; | |
} | |
/* styling the backdrop*/ | |
::backdrop { | |
/* properties */ | |
} | |
::-ms-backdrop { | |
/* properties */ | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment