FullscreenOptions.navigationUI - Web APIs 编辑
The FullscreenOptions dictionary's navigationUI property is used when calling requestFullscreen() to specify to what extent the user agent should include its standard user interface while the element is presented in full-screen mode.
Syntax
let fullscreenOptions = {
navigationUI: value
};
Value
The value of the navigationUI property must be one of the following strings. The default is "auto".
"hide"- The browser's navigation interface will be hidden and the entire dimensions of the screen will be allocated to the display of the element.
"show"- The browser will present page navigation controls and possibly other user interface; the dimensions of the element (and the perceived size of the screen) will be clamped to leave room for this user interface.
"auto"- The browser will choose which of the above settings to apply. This is the default value.
Example
In this example, the entire document is placed into full-screen mode by calling requestFullscreen() on the document's Document.documentElement, which is the document's root <html> element.
let elem = document.documentElement;
elem.requestFullscreen({ navigationUI: "show" }).then({}).catch(err => {
alert(`An error occurred while trying to switch into full-screen mode: ${err.message} (${err.name})`);
});
The promise's resolve handler does nothing, but if the promise is rejected, an error message is displayed by calling alert().
Specifications
| Specification | Status | Comment |
|---|---|---|
| Fullscreen API The definition of 'FullscreenOptions' in that specification. | Living Standard | Initial definition |
Browser compatibility
BCD tables only load in the browser
See also
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论