HTML5 之全屏方法

全屏方法

HTML5规范容许用户自定义网页上任意元素全屏显示。

• 元素对象.requestFullScreen() 开启全屏显示

• document.cancelFullScreen() 关闭全屏显示

• 因为其兼容性缘由，不一样浏览器须要添加前缀如：webkit内核浏览器：webkitRequestFullScreen、webkitCancelFullScreen，如chrome浏览器。Gecko内核浏览器：mozRequestFullScreen、mozCancelFullScreen，如火狐浏览器。

• document.fullscreenElement 获取处于全屏的元素 能够用于检测当前是否处于全屏

  • 若是当前没有处于全屏 返回值为空

  • 若是当前处于全屏 返回处于全屏的元素对象

  不一样浏览器须要添加前缀document.webkitFullscreenElement、document.mozFullScreenElement