问题标签 [html5-fullscreen]

我必须注册垂直滚动，所以我使用这个代码。

它工作正常。但是后来我需要进入全屏模式，所以我这样做了。

在全屏模式下，它不起作用。有人对为什么有任何想法吗？

经过更多小时的尝试破解和修复后，我决定重新提出这个问题，但没有最终结果。我为此使用SCREENFULL npm。

此 Web 应用程序是员工使用的菜单系统的全屏交互式 UI。我希望在加载时让应用程序全屏启动，或者检测是否全屏显示提示按钮以启用全屏并启动应用程序。两者似乎都没有完成这项工作。

我的尝试包括：

工作正常。进入全屏。现在检测显示应用程序（登录页面、菜单等）或仅显示全屏按钮（这样应用程序只能全屏查看）。

不返回<h1> hi </hi>或返回中的任何东西，但控制台会记录。奇怪的。

更新：

我决定尝试一个DidComponentMount（连同 javascript 的“onLoad”事件）：

好吧，请求确实发生了，但是全屏没有启用。调试错误检查后，我使用包中包含的屏幕错误检测器得到一个 webkitfullscreen 错误。

我不知道为什么这不起作用，即使如此，为什么这如此困难。

有没有办法解决这个问题，或者我只是让它变得更难，那么它应该是？

此网络应用程序仅在 Android 平板电脑和 google chrome 浏览器上运行。

I'm facing an unexpected behavior and wanted to be sure i'm not missing something before i'm filling a bug.
I've played with requestFullscreen on chrome and firefox and noticed it's not returning a promise like stated in the spec.

Example for webkit:

I'm getting:

Uncaught TypeError: Cannot read property 'then' of undefined at HTMLDivElement.el.addEventListener

Same goes for firefox:

TypeError: p is undefined

Am i reading the spec wrong? shouldn't i expect that promise?

Given 是一个HTML5视频元素。一个按钮应该将此视频元素更改为全屏，或结束全屏。

我已经写了一个JavaScript函数。这在Firefox. 不幸的是，该功能在谷歌浏览器中不起作用。

Firefox虽然在, in 中一切正常Chrome，但该窗口仅位于全屏窗口的中间。此外，Chrome 无法退出全屏。

我用Firefox Quantum 61.0.1和Google Chrome 68.0。

在我的应用程序中，我想让一些页面全屏显示。基本上这就是我想要的：“用户无法使用鼠标访问浏览器或计算机桌面或在窗口外执行任何其他操作”。

我试图使用这个全屏 API： https ://www.npmjs.com/package/screenfull

我正在使用 html5/angular 5。我在 API 页面上的 angular 示例中提出了类似建议的指令。我在例如第 3 页上使用了带有按钮（转到下一页）的选择器“toggleFullscreen”。如果我想在第 4 页和第 5 页上全屏显示。比将选择器放在第 3 页上的下一个按钮带我到第 4 页应该使全屏显示在第 4 页。但它不起作用。第 4 页未全屏显示。

我对角度很陌生。那么有人可以提出其他方法来在我的代码中实现此功能吗？我不明白为什么这个 API 对我不起作用。

我在查看页面上有一个按钮，可以使带有 id 游戏的对象标签全屏显示。

视图.html

main.js

问题

单击该按钮时fullscreen，它可以正常工作并使游戏全屏显示，但会刷新它。因此，如果用户在关卡 2 的游戏中途并决定进入全屏模式，它会重新启动游戏（再次加载对象）。

我正在用 Javafx 编写一个网络浏览器。我在这个项目中走了很长一段路。但是，我注意到 web 视图没有全屏支持。我对此做了很多研究，但没有得到任何结果。我没有机会改变背景和语言。我能做些什么呢？谢谢您的回答。

我开发了一个使用https://github.com/sindresorhus/screenfull.js/进行全屏模式的网站。在 Chrome、Firefox、Open 和 Safari 上，插件可以正常工作。但是当我使用 Internet Explorer 10+ 时，插件无法正常工作。因此，当我处于全屏模式时，即使使用键盘也无法滚动内容。

我试图添加overflow: scroll !important; overflow-y: scroll !important;到身体，但没有改变。

你能帮我么？先感谢您。

我会尝试将两个代码合二为一。首先是全屏 Api HTML5 全屏 Api和滑动切换开关，如 (iOS) jQuery-Plugin-For-Sliding-Toggle-Switches。

我需要您的帮助才能使用滑动切换开关按钮来激活和停用全屏模式。我也会测试默认情况下是否激活了全屏模式。我不知道LC Switch是否在功能中做到了。

我不太了解 jquery，当我必须用 jquery 调整 javascript 时，我就更不了解了。它可能对其他用户有用:-)

提前谢谢你。

我的屏幕上有两个按钮。每个人都会触发一段 javascript 代码来进入和退出全屏模式。

按钮 1：进入全屏模式

按钮 2：退出全屏模式

如果我首先单击按钮 1，它会将我带到全屏模式，然后如果我单击按钮 2，它将退出全屏模式。

但是，如果我使用F11或通过chrome menu进入全屏模式，意外地Button 2不再起作用。

为什么会发生这种情况以及如何解决？

按钮 1 代码：

按钮 2 代码：

我也试过这个，但没有运气：