HTML5 之全屏方法

最新推荐文章于 2021-06-21 15:50:24 发布

weixin_34111819

最新推荐文章于 2021-06-21 15:50:24 发布

阅读量1.3k

点赞数 1

原文链接：https://juejin.im/post/5c94f93de51d450f5978e644

版权

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

元素对象.requestFullScreen() 开启全屏显示
document.cancelFullScreen() 关闭全屏显示
由于其兼容性原因，不同浏览器需要添加前缀如：webkit内核浏览器：webkitRequestFullScreen、webkitCancelFullScreen，如chrome浏览器。Gecko内核浏览器：mozRequestFullScreen、mozCancelFullScreen，如火狐浏览器。
document.fullscreenElement 获取处于全屏的元素可以用于检测当前是否处于全屏
- 如果当前没有处于全屏返回值为空
- 如果当前处于全屏返回处于全屏的元素对象
不同浏览器需要添加前缀document.webkitFullscreenElement、document.mozFullScreenElement

关注