如何实现全屏？_element.requestfullscreen()

作者：小丑西瓜9 | 2024-03-21 23:46:25

踩

element.requestfullscreen()

文章目录

全屏
退出全屏
事件
浏览器兼容

全屏

Element.requestFullscreen()
（1）该方法发出异步请求，使元素以全屏模式显示。
（2）请求浏览器（user agent）将特定元素（甚至延伸到它的后代元素）置为全屏模式，隐去屏幕上的浏览器所有 UI 元素，以及其它应用。返回一个 Promise，并会在全屏模式被激活的时候变成 resolved 状态。
（3）不能保证元素会进入全屏模式。如果授予进入全屏模式的权限，返回的Promise将被解析并且该元素将收到一个fullscreenchange事件以告知它现在处于全屏模式。如果权限被拒绝，promise 将被拒绝，元素将接收一个fullscreenerror事件。如果该元素已从原始文档中分离出来，则该文档将接收这些事件。
（4）支持传参 FullscreenOptions。

navigationUI	控制元素处于全屏模式时是否显示导航 UI。默认值是"auto"，表示浏览器应该决定做什么。
hide	浏

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/283642