问题标签 [html5-fullscreen]

目前正在开发一个 Chrome 打包的应用程序。我已经实现了全屏功能。长话短说：

如果应用程序在全屏时退出/关闭，应用程序窗口将以全屏模式启动，但内容不是全屏，因为没有用户交互就无法全屏！

我如何全屏显示（内容脚本）

创建窗口

我的问题

我可以通过 webkitRequestFullscreen() 阻止应用程序全屏启动、在关闭时重置状态甚至强制全屏吗？这些都可以解决我的问题。

在我们的 HTML 聊天应用程序中，用户应该有机会进入全屏模式以隐藏导航栏并获得更好的用户体验。我们有一个简单的布局：

我们的布局是一个弹性布局：

如果我们进入全屏并单击文本输入字段，键盘会打开并覆盖大部分内容。所以用户看不到他正在输入的单词。没有全屏模式，一切正常。

我们要求全屏显示“body”元素：

此问题是否有任何解决方法/修复？

我在我的网页中使用https://github.com/private-face/jquery.fullscreen全屏显示。

在我的页面中，我有一个按钮，单击时会打开一个弹出窗口，在打开弹出窗口时，全屏会在 chrome 中退出，但在其他浏览器中则不会。

这背后的原因可能是什么？这个问题有什么解决方法吗？

这个例子取自 github 页面，它在我的本地系统上运行，但是这里的 snipet 不起作用，对不起

我有一个棘手的情况。我正在 JellyBean 上开发一个信息亭风格的平板电脑应用程序，但我们被 JellyBean 困住了。

我们不会在我们的 Android 平板电脑上安装标准启动器，而是提供我们自己的主屏幕/启动器应用程序，以便我们的应用程序在系统启动时启动。

我们正在为我们的 GUI 应用程序使用 WebView。JellyBean 附带的 WebView 在很多方面都存在缺陷和缺陷，因此我们的应用程序在 WebView 中无法正常工作。

然而，Chrome 完美地运行了我们的应用程序，所以我们想切换到使用 Chrome，我们将在启动时从我们自己的主屏幕应用程序启动它。

我们需要以全屏模式启动它，就像启动器通过放置在桌面上的链接启动任何应用程序/URL 时所做的那样。

我一生都无法弄清楚发射器是如何做到这一点的。

我尝试将 --app="xxx" 和/或 --start-fullscreen 添加到 /data/local/chrome-command-line 文件，但都无济于事。添加选项显示在 Chrome 中的“chrome://version”屏幕上，但它们没有效果。

有谁知道他们如何设法以全屏模式启动 Chrome？

这些平板电脑都是有根的平板电脑，完全在我们自己的控制之下，所以没有任何解决方案是越界的。

谢谢你的帮助！

我将使用$("body")[0].webkitRequestFullscreen();.

但是，当我尝试使用 ScrollTop 时，它不起作用。

我正在使用这个：

它在 Firefox 中运行良好，但在 chrome 中没有任何作用。我尝试过使用延迟或动画。两者都失败了。

如果我使用 F11 进入全屏模式，则 scrollTop 可以正常工作。我使用的原因requestFullScreen是因为我想在网页的选定部分进入全屏模式。

我希望用户能够在此页面/叠加层上<video>使用a 的本机控件，但是现在全屏操作会扩展整个网站文档而不是视频元素本身，它根本不显示叠加层及其视频.<video>

为什么<video>元素本身不能在浏览器中全屏显示？

我可以覆盖默认行为并使用requestFullscreen()吗？

谢谢！

我想做的是让'allowfullscreen'属性本身没有任何值，甚至'=""'。

ACF 使用 iframe["allowfullscreen"] 处于自定义模式，它使 allowfullscreen 属性为'allowfullscreen=""'。想把它作为一个布尔值本身，但 CKEditor 不会接受它没有任何价值。

我正在使用带有 iframe 的 youtube 链接，全屏功能适用于 Chrome、Firefox、Edge，但不适用于 IE11。到目前为止，我发现 IE11 只接受 'allowfullscreen' ，而不接受 =""、="true"、="allowfullscreen" 等任何值。

有人可以帮帮我吗？

提前致谢。

我正在尝试使用全屏 API 打开一个新页面（具有不同的布局）。当用户单击打开的课程链接时，正确的页面/布局将以全屏模式打开。

我正在使用此功能来触发全屏模式：

问题是，API 只接受在全屏模式下打开同一页面或隐藏元素。我知道这是预期的行为。

当用户单击正确的链接时，我需要以全屏模式打开不同的页面。

有什么解决方法可以使它成为可能吗？

我创建了一个包含 9 个图像的简单引导网格。现在单击特定图像时，它应该全屏播放视频。

我尝试过的方法

但上述方法的缺点是，在某些浏览器中单击图像时会尝试下载完整的视频文件。

当尝试使用标签和全屏视频 API（在 MDN 上）嵌入视频时<video>，单击视频海报时，它会以特定的缩略图大小播放视频，并且不会全屏显示。

我试图实现上述方法是

HTML

JS

CSS

上面的方法也行不通。

请帮助我，谢谢

我有以下问题：当从 Web 应用程序切换自定义全屏模式时，周围的背景是黑色的，我想改变它（作为实际背景）。

详情如下。

1) 用于切换全屏并聚焦内部元素的 Javascript 代码

2）CSS样式

为 div 切换到全屏模式可以工作，但似乎忽略了为 body 应用样式。对于显示的图像，我可以看到这个计算的背景样式：

问题：是否可以控制浏览器（Chrome、Internet Explorer 11+）如何显示“缺失区域”？