Android Chrome全屏显示缺口区域白色带

Question

我正在使用的javascript代码，全屏我的web应用程序，

var beginFullScreen = () => {
const doc = window.document;
const docEl = doc.documentElement;
let requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
}
}

通常，我在每个页面的顶部区域使用黑色背景，我试图通过控制台实现这一点，但在我的web应用程序中，我使用白色背景。

我试过添加

:fullscreen{
background: black;
}

虽然，这根本不是成功。我在我的项目中使用WebRTC，我不认为，这是一个问题，但只是添加incase。

Answer 1

只需添加

{ navigationUI: "hide" }

作为全屏请求的参数。我被这个答案惊呆了。