HTML5 之全屏方法

2,389 阅读1分钟

全屏方法

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

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

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

  • 由于其兼容性原因,不同浏览器需要添加前缀如:webkit内核浏览器:webkitRequestFullScreen、webkitCancelFullScreen,如chrome浏览器。Gecko内核浏览器:mozRequestFullScreen、mozCancelFullScreen,如火狐浏览器。

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

    • 如果当前没有处于全屏 返回值为空

    • 如果当前处于全屏 返回处于全屏的元素对象

    不同浏览器需要添加前缀document.webkitFullscreenElement、document.mozFullScreenElement