问题标签 [webkitrequestfullscreen]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - webkitRequestFullscreen 有效,但立即弹出
我正在尝试实现一个使页面全屏显示的按钮。
单击该按钮时,页面会全屏显示,但只有一瞬间,然后它会立即弹回原来的样子。浏览器控制台中没有错误(通过 Chrome)。
这是我的 JS 代码:
这是我的 HTML:
google-chrome - 带有“requestFullscreen()”的全屏元素在 ipad 上的 chrome 上不起作用(iPad OS 13.6)
我正在尝试使用 API 使元素进入“全屏”模式requestFullscreen()
,它在除 iPad 上的 Chrome 之外的所有浏览器中都运行良好。
我试过这个包,它在所有浏览器中都很好用,包括 iPad 上的 Safari,但不是 iPad 上的 Chrome。
https://www.npmjs.com/package/screenfull
那个包裹上什至有人抱怨同样的问题,但没有解决方案。
我试图寻找这个没有运气。
我想知道 Youtube 在 iPad 上的 Chrome 上是如何做到的?任何帮助将不胜感激。
javascript - iPad 向下滚动时退出全屏模式
我有一个设计,其中 div 覆盖整个视口(提词器应用程序)。尽管我已经使用全屏 api 管理 iPad 进入全屏模式,但只要我向下滚动 div 的内容(溢出-y:滚动),iPad 就会移动覆盖层本身(因此它下面的元素会显示)并且 – 如果您进一步滚动 - 退出全屏模式。
另一方面,向上滚动没有负面影响,行为符合预期,并且滚动了 div 的内容。如果我向下滚动一个角度也没有效果,所以不是绝对在 y 轴上,而是更像是向下 45 度的行程。
这是 API 中的错误吗?
javascript - 具有一个全屏功能的多个图像?
我有多个这样的图像:
我可以通过按下一个或上一个按钮来选择/浏览图像:
如何使全屏与多个图像一起使用?现在(请参阅下面包含的代码 java-code)我通过 id 获取元素("fullscreen")
。这适用于 1 个 img,但如果我将 id 添加到多个图像中,它将不起作用(ofc)。我怎样才能做到这一点?我知道我可能可以为每个图像制作函数,但这非常“混乱”。我还想知道是否可以在全屏时显示下一个和上一个按钮,然后在全屏时能够在图像中移动。任何帮助是极大的赞赏!
javascript - 如何使用 playinline 在 iOS 上“伪造”全屏模式?
大多数 Web 开发人员都知道,iOS 上的 Safari 中缺乏对全屏 api 的支持令人讨厌。然而,大多数流行的视频网站,如 YouTube 和 Vimeo,都有一种伪装的方法,它允许用户在内联播放视频(使用playsinline
我假设的属性)和在原生 iOS 播放器中播放视频(比如视频不播放时)之间切换使用playsinline
)。
我做了一个简单的脚本,我认为它可以做到这一点,但它不能可靠地工作,我相信有更好的方法来实现它。它是这样的:
我的问题是:有人知道这些网站是如何做到的吗?还有比切换 playinline 更好的方法吗?
ios - 如何在 iOS 上制作一个基于 Web 的 Flutter 应用程序全屏
我有一个基于 Web 的 Flutter 应用程序,单击按钮后,我想让应用程序全屏显示。我为此使用以下代码片段
此代码在 Linux 上的 Chrome、Mac 上的 Safari、Android 上运行良好,但在 iOS (15.1) 上运行良好。在那里我收到以下错误
任何想法/提示如何让它在 iOS 上运行?
javascript - 如何退出按 F11 激活的全屏模式
我需要激活全屏和停用全屏的功能,当我使用 document.requestFullScreen 和 document.cancelFullScreen API 时,一切都很好。但是当用户使用 F11 激活全屏时,document.cancelFullScreen API 无法按我的意愿工作。
我尝试查找和测试许多 stackoverflow 答案,但没有一个对我有帮助。我想反转/取消用户完成的 F11 按键的全屏效果。
这是我创建的演示,您可以在其中看到问题代码沙箱,在此沙箱中只需在新的单独窗口/选项卡中打开输出,然后按 F11 将激活全屏,现在尝试按我提供的“转到全屏”,这是无法退出全屏效果。