HTML5全屏接口的使用

HTML5全屏接口的使用

全屏操作的主要方法和属性

1. requestFullscreen( ) :开启全屏显示
   ie浏览器不支持该方法，需要添加前缀ms（仅ie11支持，注意： screen “s”是小写的），chorm，firefox支持该方法
   兼容代码如下:

if(element.requestFullscreen) {
	element.requestFullscreen();
} else {
    element.msRequestFullscreen();
}

2. exitFullscreen( ) :退出全屏显示
   除了firefox浏览器外都不支持该方法，都需要加前缀（chorm加webkit，ie加 ms，注意：退出全屏时要用document对象）
   兼容代码如下:

if(document.exitFullscreen) {
	document.exitFullscreen();
} else if(document.webkitExit) {
	document.webkitExitFullscreen();
} else {
	document.msExitFullscreen();
}

3. fullscreenElement :是否时全屏显示
   chorm, firefox支持该属性，ie不支持该属性，所以加前缀ms（注意：判断是否是全屏状态也要用document对象）
   兼容代码如下:

if(document.fullscreenElement||document.msFullscreenElement) {
   //做什么事情
} else {
   //做什么事情
}