问题标签 [html5-fullscreen]

我想调用在网页中打开 sidenav 的函数。但是当我的鼠标光标在 HTML5 视频的全屏模式下离开屏幕时，我想这样做。我该怎么办？

我创建了一个简单的 HTML 文件，以了解如何使用 HTML5 添加视频。我遵循了 youtube 上的旧指令，但我无法让解决方案起作用。在我添加全屏之前，所有代码都有效

我哪里出错了？我尝试了不同的拼写、大写字母以及来自 Mozilla 网站、这个论坛以及搜索引擎可以指向的任何其他顶级结果的建议。

这是现在的代码

我正在使用以下 META 标记开发当前设置为不可扩展的响应式网站：

但是，我希望图像具有可扩展性，并且我不想使用 JS 来实现这一点。

我尝试了几种方法，似乎都没有奏效。

在我目前的方法中，我使用 HTML5 全屏 API 全屏打开图像。我希望一旦它们全屏显示，我就可以通过移动设备的捏缩放来缩放图像。那没有用...即使在更改元标记以允许用户缩放之后，页面本身也是可缩放的，但全屏图像却不是。

有没有办法支持对处于全屏模式的元素进行缩放？

我正在测试的另一种方法是将图像加载到 iframe 中，然后 iframe 将支持缩放，但显然 iframe 的行为源自原始帧，这是不可缩放的。

任何其他想法将不胜感激。

I'm making a Chrome extension that depends on using popups. This is a problem if Chrome is in fullscreen mode as they do not appear.

I can disable programatically enabled fullscreen mode by using:

However this does not work if the user has enabled fullscreen mode manually (F11 key). Is there a way to disable this or is it intentionally meant to only be manually disabled?

目前我正在使用 Phaser js 开发应用程序。

这是浏览器兼容性问题还是全屏 api 无法正常工作的移相器 js 问题

这是我使用的代码片段

类似问题

所以我尝试了他们在链接上的建议

即使是移相器页面的示例，它也无法运行移相 器全屏

无法在“元素”上执行“请求全屏”：API 只能由用户手势启动。startFullScreen@phaser.2.6.2.min.js:22 phaser.2.6.2.min.js:22

Phaser.ScaleManager：requestFullscreen 失败或设备不支持全屏 API fullScreenError @ phaser.2.6.2.min.js:22

我在 Chrome 56.0.2924.87 Android 4.4.2 上测试

我为我的应用程序实现了一个全屏切换功能，它实际上运行良好，在最新的 Chrome、Firefox、IE 和 Opera 上进行了测试。我有一种激活方法和一种停用全屏模式的方法：

因此，当从 UI 触发时，它们都可以正常工作。唯一的问题是，一旦我使用该功能进入全屏模式，F11我就无法使用该deactivateFullscreen功能退出它。据我对浏览器的理解，一旦我点击F11. 我尝试使用以下方法对其进行测试：

无论我是否处于全屏状态，这总是返回 false。有没有其他方法可以检测我的浏览器当前是否处于全屏模式？还是我在这里缺少一些概念？

我尝试的另一件事是捕获 keydown 事件F11并阻止其默认操作。

使用这种方法，我希望抑制任何F11事件，以便通过代码手动处理全屏切换。不幸的是，这也不起作用。原因似乎有点奇怪，当我已经处于全屏状态时，根本不会触发 keydown 事件。因此，我可以在全屏模式之外抑制事件，但一旦我进入它就不能。

更新： 一些研究表明，浏览器供应商的安全问题是这种行为的原因。仍然必须有一种方法来处理这种特性。

我正在使用 iframe 在我的网站上嵌入 YouTube 视频。我包括了 allowfullscreen 属性。在我的网站上，嵌入的视频可以正常播放，直到我单击“全屏”按钮。当它切换到全屏时，视频将以全屏模式短暂显示，然后立即关闭并刷新页面。在 Firefox 中不会出现此问题。它确实发生在其他浏览器中，例如 Edge 和 Chrome。当我在浏览器中检查时，控制台中没有错误。我已经对 YouTube 和 Vimeo 视频进行了测试，并且出现了同样的问题。我尝试使用对象标签而不是 iframe 嵌入，但得到了相同的结果。有什么想法可能导致这种情况吗？

我正在创建一个小部件，一旦单击按钮，我想全屏显示。我已经实现了全屏 API，它在所有浏览器上都像一个魅力。但是，我正在创建这个小部件以仅在 iPad 上用作交互式信息亭。我可以自由使用任何效果最好的浏览器，但我无法在我的 iPad 上使用全屏功能。尝试了多种不同的选项，但还不够……我有以下代码可在普通桌面浏览器上运行：

有什么方法可以让我创建一个应用程序（基本上是幻灯片）以在 iPad 上以任何可能的方式进入全屏模式？提前感谢所有提示/帮助。

我正在使用带有嵌入式 YouTube 视频的全屏 API来检测浏览器窗口是否已进入全屏模式。我工作得很好。

我想做的是防止发生进入全屏模式的默认行为。我想加入我自己的全屏模式逻辑，这样我就可以在 YouTube 播放器上覆盖 DOM 元素。目前，我可以在进入全屏模式后立即退出，但这会给用户带来糟糕和混乱的体验。

一种解决方法是使用 YouTube 的 Player API 参数删除全屏按钮，并使用我自己的逻辑添加我自己的按钮，但这并不理想，因为用户仍然可以双击 YouTube 播放器使其全屏显示。

这是我检测浏览器全屏状态的代码：

使用preventDefault(),stopPropagation()和stopImmediatePropagation()没有用，所以我被困在这一点上。如果确实可以，如何防止浏览器进入全屏模式？

编辑：下面接受了一个答案，但是对于最终处于我位置的任何人，主要问题是firefox默认情况下暂时启用了全屏api.unprefix，然后在更新中对其进行了更改，以便再次使用前缀必要的。此外，如果您在 about:config 中搜索“全屏”，它不会显示“全屏 API”。

我已经使用了很长时间的一些代码来使用 js 来全屏网页不再有效。

我检查了 mdn ( https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen )，似乎没有任何改变，但由于某种原因，我不能再全屏显示网站在我的任何浏览器中（我已经测试过 Chrome、Firefox 和 Firefox 开发者版）。

此外，我给出的错误不是权限之一，但它requestFullscreen似乎并不作为函数存在。

是不是发生了我不知道的大事？这可能与我的操作系统有关吗？奇怪的是document.body.requestFullscreen()，在 6 个月前在我的所有浏览器中都可以使用的旧代码 () 现在无法正常使用。

此外，我已经在最常使用它的地方对其进行了测试，全屏仍然适用于 youtube 或内置位<video>标签等内容。