问题标签 [webkitrequestfullscreen]

我正在尝试实现一个使页面全屏显示的按钮。

单击该按钮时，页面会全屏显示，但只有一瞬间，然后它会立即弹回原来的样子。浏览器控制台中没有错误（通过 Chrome）。

这是我的 JS 代码：

这是我的 HTML：

我正在尝试使用 API 使元素进入“全屏”模式requestFullscreen()，它在除 iPad 上的 Chrome 之外的所有浏览器中都运行良好。

我试过这个包，它在所有浏览器中都很好用，包括 iPad 上的 Safari，但不是 iPad 上的 Chrome。

https://www.npmjs.com/package/screenfull

那个包裹上什至有人抱怨同样的问题，但没有解决方案。

我试图寻找这个没有运气。

我想知道 Youtube 在 iPad 上的 Chrome 上是如何做到的？任何帮助将不胜感激。

我有一个设计，其中 div 覆盖整个视口（提词器应用程序）。尽管我已经使用全屏 api 管理 iPad 进入全屏模式，但只要我向下滚动 div 的内容（溢出-y：滚动），iPad 就会移动覆盖层本身（因此它下面的元素会显示）并且 – 如果您进一步滚动 - 退出全屏模式。

另一方面，向上滚动没有负面影响，行为符合预期，并且滚动了 div 的内容。如果我向下滚动一个角度也没有效果，所以不是绝对在 y 轴上，而是更像是向下 45 度的行程。

这是 API 中的错误吗？

我有多个这样的图像：

我可以通过按下一个或上一个按钮来选择/浏览图像：

如何使全屏与多个图像一起使用？现在（请参阅下面包含的代码 java-code）我通过 id 获取元素("fullscreen")。这适用于 1 个 img，但如果我将 id 添加到多个图像中，它将不起作用（ofc）。我怎样才能做到这一点？我知道我可能可以为每个图像制作函数，但这非常“混乱”。我还想知道是否可以在全屏时显示下一个和上一个按钮，然后在全屏时能够在图像中移动。任何帮助是极大的赞赏！

大多数 Web 开发人员都知道，iOS 上的 Safari 中缺乏对全屏 api 的支持令人讨厌。然而，大多数流行的视频网站，如 YouTube 和 Vimeo，都有一种伪装的方法，它允许用户在内联播放视频（使用playsinline我假设的属性）和在原生 iOS 播放器中播放视频（比如视频不播放时）之间切换使用playsinline）。

我做了一个简单的脚本，我认为它可以做到这一点，但它不能可靠地工作，我相信有更好的方法来实现它。它是这样的：

我的问题是：有人知道这些网站是如何做到的吗？还有比切换 playinline 更好的方法吗？

我有一个基于 Web 的 Flutter 应用程序，单击按钮后，我想让应用程序全屏显示。我为此使用以下代码片段

此代码在 Linux 上的 Chrome、Mac 上的 Safari、Android 上运行良好，但在 iOS (15.1) 上运行良好。在那里我收到以下错误

任何想法/提示如何让它在 iOS 上运行？

我需要激活全屏和停用全屏的功能，当我使用 document.requestFullScreen 和 document.cancelFullScreen API 时，一切都很好。但是当用户使用 F11 激活全屏时，document.cancelFullScreen API 无法按我的意愿工作。

我尝试查找和测试许多 stackoverflow 答案，但没有一个对我有帮助。我想反转/取消用户完成的 F11 按键的全屏效果。

这是我创建的演示，您可以在其中看到问题代码沙箱，在此沙箱中只需在新的单独窗口/选项卡中打开输出，然后按 F11 将激活全屏，现在尝试按我提供的“转到全屏”，这是无法退出全屏效果。