1. IT宝库
  2. 编程技术问答
  3. fullscreen
以下是关于 fullscreen 的编程技术问答
在最近的浏览器中，将整个窗口设置为全屏状态
我想允许用户使用浏览器正在部署的RequestFullscreen功能，使我的网页完全全屏使我的网页完全全屏.您可以看到页面在这里.如建议的在这里，我正在调用requestfullscreen document.documentElement的requestfullscreen方法.代码看起来像这样: var el = document.documentElement , rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen ; if(typeof rfs!="undefined" && rfs){ rfs.call(el); } 问题是，这样做我真的很奇怪，就我而言，背景大部分是黑色的(您可以查看是否单击链接).难道我做错了什么?在我测试过的所有浏
0 2023-12-01
编程技术问答社区
webkitIsFullScreen on ipad/iphone?
我有一个应用程序，每当方向更改时需要页面刷新(iPad/iPhone).在此应用程序中，HTML5视频还在UX中的某些时间显示.每当用户以全屏模式观看视频时，如果尚未处于该模式，他们的第一个倾向是将设备旋转到景观方向.但是，当他们这样做时，它会触发令人讨厌的页面重新加载，从而有效地结束了他们的观看会议.通过利用WebKit全屏API，我能够编写逻辑以控制此行为，该行为在Safari桌面以及开发人员工具中选择的iPad/iPhone用户代理中都可以完美地工作，但是它在本机iPhone/iPad上不起作用. document.webkkkituitsfullscreen在Safari的控制台中正确返回false/true，但在iPhone/iPad上的不确定.谁能告诉我如何在iPad/iPhone上完成此操作，因为这些是唯一需要此功能的设备?还是我忽略了更简单的解决方案?任何帮助都非常感谢！ $(document).ready( function () { var vi
2 2023-12-01
编程技术问答社区
相当于Moz-media-controls的Firefox
我从事一个涉及视频播放器的项目.我正在使用HTML上的本机标记.我想在全屏模式下显示一个图像.我可以使用以下CSS选择器这样做，但是它仅在Chrome上起作用: ::-webkit-media-controls { /*display:none !important;*/ background-repeat: no-repeat; background-position: top; background-image: url("../images/match_com.png"); } 我如何也可以在Firefox上进行这项工作?必须有相当于-webkit-Media-controls firefox. 解决方案 可能没有Firefox等效.本文讨论了如何在基于WebKit的浏览器中隐藏全屏视频控件，但未能找到Moz-前缀的等效物: 但是，正如它所提到的那样，您可以做的另一件事是完整屏幕包含视
0 2023-12-01
编程技术问答社区
当用户浏览站点时，JavaScript全屏退出
我有一系列具有"下一个"和"背面"按钮的页面.我希望用户能够通过整个流程进行全屏. Fullscreen正在为单个页面工作，但是当用户返回或转发我的流程中的页面时，请退出. 我的全屏功能: var el = document.documentElement, rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen; rfs.call(el); 用户导航时，是否有任何方法可以将浏览器全屏保持全屏? 谢谢！ 解决方案 不，您将无法做到这一点.全屏模式必须由用户启动. 来自 Web/guide/dom/used_full_screen_mode : In addition, navigating to another page, changing tabs, or switching to another application (u
0 2023-12-01
编程技术问答社区
requestFullscreen()在不安全的起源上已被弃用，将来会取消支持。
我在控制台中收到此消息. requestFullscreen() is deprecated on insecure origins, and support will be removed in the future. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details. 我认为，删除常规HTTP的全屏功能不是一个好主意.因此，视频，游戏和所有休闲全屏应用程序也会需要HTTPS吗? 我知道F11(Windows)或CMD + F(Mac)无论如何都会将该应用程序带入全屏退后? 解决方案 为什么全屏API受限制? 全屏API允许恶意网站模仿Webbrowser和操作系统的UI.尽管对于有经验的用户来说可能是可见的，但新手计算机用户可能无法区分伪造的UI和真实的U
0 2023-11-30
编程技术问答社区
如何发现canvas.requestFullscreen()失败的原因？
手头的任务是将对全屏模式的支持添加到Dart编写的WebGL应用程序中. canvas.requestfullscreen()适用于简单的测试用例，但在完整应用程序上失败. 请指出说明什么是防止浏览器切换到全屏的方法. 代码是: void trapFullscreenError() { document.onFullscreenError.listen((e) { log("fullscreenerror: $e"); }); } void toggleFullscreen(CanvasElement c) { log( "fullscreenSupport=${document.fullscreenEnabled} fullscreenElement=${document.fullscreenElement}" ); if (document.fullscreenElement != null) { l
0 2023-11-30
编程技术问答社区
如何停止 requestAnimationFrame 的递归/循环？
我正在与WebGL渲染器一起使用Trix.js来制作一个游戏，该游戏是在单击play链接时完整屏幕的.对于动画，我使用requestAnimationFrame. 我像这样发起它: self.animate = function() { self.camera.lookAt(self.scene.position); self.renderer.render(self.scene, self.camera); if (self.willAnimate) window.requestAnimationFrame(self.animate, self.renderer.domElement); } self.startAnimating = function() { self.willAnimate = true; self.animate(); } self.stopAnimating = function() {
0 2023-11-30
编程技术问答社区
我如何在我的宁静报告中包括整个页面的截图（而不仅仅是视口的截图）？
这个问题是 我正在将Serenity与Cucumber结合使用进行自动屏幕测试，并希望在我的Serenity报告中包含全页屏幕截图.报告中的屏幕截图通常只是捕获视口.但是，通常情况下，这只是屏幕的一部分，因为这只是屏幕的一部分. 我发现捕获宁静屏幕截图是驱动程序实现的一部分.由于大多数驱动程序都符合屏幕截图的W3C定义，这些驱动程序仅捕获当前的视口. 解决方案 tl; dr:使用Firefoxdriver 我联系了W3C的David Burns.他非常乐于助人，他的答案为我清除了很多. 首先，Firefoxdriver现在仍然使用完整页面的屏幕截图.大卫说: Firefoxdriver(在Marionette中，我们的W3C WebDriver实现)可以通过将文档倾倒到画布中并在画布上调用Firefox特定API来获取屏幕截图，以获取屏幕截图，以获取屏幕截图，以获取屏幕截图.由于我们丢弃了整个文档，因此可以进行全页屏幕截图.但是，当我们开始将更多的伺
0 2023-11-30
编程技术问答社区
如何在安卓应用中以编程方式在主屏幕上添加WebApp快捷方式，以全屏启动WebApp
如何模仿Google Chrome使用的添加到主屏幕功能.单击快捷方式时，它会在全屏上打开. 我尝试在Android中添加捷径，但找不到全屏打开的任何东西，但我认为Flipkart可以做到这一点.是否有任何像Chrome一样做的方法. 解决方案 当您单击Chrome中的"添加到主屏幕"时，会发生两个串. 1)如果您的网站符合最低 如果您想模仿APK生成部分，目前没有办法.您可以使用File Explorer工具(例如ES File Explorer)提取此.APK文件并将其用于移向其他电话(不建议用于通用公共分发，因为您可能不知道用户是否支持Chrome的版本) 2)如果您的应用程序不符合PWA(使用Chrome Lighthouse Audit进行Progressive Web应用程序，以查看您的应用程序是否有资格安装到主屏幕上)，当您尝试添加到主屏幕时，图标仍然会是添加.但是，当您打开时，它将在浏览器中使用地址栏打开.将其视为书签快捷方式.它可以用这种方式工
0 2023-11-29
编程技术问答社区
Javascript window.navigator.standalone被打破
现在真的很烦我， 我已经将代码剥离到了这个 $(function(){ if ( ("standalone" in window.navigator) && !window.navigator.standalone ) { alert('full screen'); } }); 但是，每次我从Safari iPad上运行它时，都会踢出警报. 我不知道为什么这会给我的整个Uni项目造成混乱！任何帮助都会很棒. 解决方案 /何时/如果网页处于标准/通常的Safari模式，则" window.navigator.standalone"值将是错误的.仅当网页处于"应用模式/I.E.全屏模式"时，此值才是正确的.注意:此JavaScript值在不支持"应用模式/即全屏模式"的浏览器中不存在.因此，您应该同时测试属性窗口的存在.
0 2023-11-29
编程技术问答社区
iOS 'Web App'具有与移动Safari不同的localStorage
我有一个带有元标签的iPad的WebApp: 当我从主页(可容纳Web应用程序的版本)打开该应用程序时，或在移动Safari中的地址键入LocalStorage的内容不同.我已经确认地址是通过打印位置相同的.HREF. 在使用移动Safari时，对LocalStoragor进行的所有更改都反映在具有Web应用程序的版本中，但是在Mobile Safari版本中没有反映在Web应用程序中的版本中进行的更改. 这些域是相同的，局部存储应相同.世界上发生了什么?可以解决吗? 更新 - 解决方案:以下建议#2来自接受的答案(强迫用户处于全屏模式)，我添加了此一点代码: if(("standalone" in window.navigator) && !window.navigator.standalone) window.location =
编程技术问答社区
如何在Swift中以全屏模式打开VLC
我正在使用Mobilevlckit，这是我的代码: class CameraViewController: UIViewController,VLCMediaPlayerDelegate{ var mediaPlayer = VLCMediaPlayer() override func viewDidLoad() { super.viewDidLoad() mediaPlayer.delegate = self let url = NSURL(string: "URL HERE") mediaPlayer.media = VLCMedia(URL: url!) } } 我想在播放，暂停和计时器 的全屏上打开VLC 谢谢， 解决方案 vlckit不包括"全屏"功能.您需要将MediaPlayer的绘制能力设置为Uiview，并照顾好自己的视图. 其他解决方案 *我从首先我们要安装VLC Pods po
2 2023-11-25
编程技术问答社区
C# 全屏，隐藏任务栏
我最近为我的女儿写了一个申请，这是一个无孩子的区域，她忽略了所有不必要的密钥(Windows键，ESC等)，但我遇到的问题是，当我使用以下代码时: targetForm.WindowState = FormWindowState.Maximized; targetForm.FormBorderStyle = FormBorderStyle.None; targetForm.TopMost = true; 我能够隐藏任务栏，但并没有真正覆盖.当我将鼠标移至任务栏所在的位置，然后单击，它也会使用此代码并使用我的Windows表单运行外部应用程序时，我将留下此Windows表单，将自己保持在顶部. 如果任何人都可以通过适当的方式帮助我显示我的窗口表单作为真正的全屏应用程序，并且能够从表单内运行外部应用程序，并使他们优先考虑自己的优先级，这将不胜感激. 如果您错过了，我正在使用VS2010，C#和Winforms. 预先感谢！ 解决方案 制作全屏应用程序的正确方法
2 2023-11-23
编程技术问答社区
全屏模式下的Windows Mobile应用程序
我有一个由Visual Studio 2008和C#(智能设备项目)开发的Windows Mobile应用程序.当我运行应用程序时，顶部有一个开始菜单栏，底部有键盘栏.如何使我的应用程序以全屏模式运行? 如果可能 解决方案 摆脱底部的键盘/菜单栏很容易:只需从每个表格中删除Mainmenu控件. 摆脱屏幕顶部的开始菜单(又称任务栏)更加困难，并且需要使用Windows API. 有一种更简单的方法来使您的应用程序全屏幕(对不起，现在还不记得了)，但是更简单的方法具有丑陋的副作用，而任务栏则在您切换到时暂时重新出现您的应用程序中的另一种形式是杀死所需的信息亭效应.使用上面的API隐藏任务栏可防止这种情况发生. 但是，这种方法存在危险:如果您的申请退出或崩溃而不隐藏了任务栏，则您的用户将无法失去它，并且在设备重置之前，它将保持无形. 其他解决方案 检查Microsoft的虽然适用于Windows Mobile 2003的示例，但您可以从那里选择Shelflscree
0 2023-11-23
编程技术问答社区
Wince 6.0 c#中的全屏应用
我有我的应用程序，并希望以全屏模式运行，而没有任务栏. 我发现了如何隐藏Windows栏，但是当我启动应用程序时，它并不能覆盖Windows任务栏的空间，尽管最后一个是隐藏的. 我找到了这个不起作用.我找不到有关畏缩的例子. 我有 formBorderStyle = none ， windowsstate =最大化 解决方案: 我找到了一种方法.一个重要的提示是让 windowState = normal (我花了一些时间才能找到这个问题).如果您拥有 windowState =最大化，则无法将表单的高度设置为最大显示的高度. 我编写了此代码以探测它，它可以正常工作.是一个带有两个按钮的表单:button1(全屏)和button2(还原默认屏幕) public partial class Form1 : Form { public Form1(){ InitializeComponent();
0 2023-11-23
编程技术问答社区
在android chrome浏览器的全屏模式下，元视口属性的值不会反映出来
当我使用全屏API处于Android中的全屏模式时，浏览器中不会反映Meta视口属性(如初始尺度和用户量表)的值.如果我不处于全屏模式，则反映了元视口的值.您可以访问 mdnofollow noreferrer"> mdnoflow noreferrer"> :全屏API示例来自移动浏览器 我找不到任何消息来源，说Meta视口将在Android中全屏禁用.所以我是犯任何错误还是没有人记录下来? 在全屏 中，也禁用捏和变焦 在 https:/https://github.com/whatwg/whatwg/fullscreen/issues/1111中提出了一个问题但没有运气. 想知道是否有替代方法 解决方案 我能够使用Web应用清单通过替代方法进行全屏.它不会干扰元视口. 这是步骤 将其添加到头部部分: 创建一个如下的清单文件: { "
0 2023-11-19
编程技术问答社区
在全屏Flash视频的基础上进行叠加是否可行？
有没有通用的方法，最好是在JavaScript中，但我想Flash可以在不编辑视频播放器的情况下将覆盖层放在全屏闪存视频的顶部? 特殊的用例是，我想在某些直播内容中添加类似咆哮的通知，而不会写很多，因为我将我与特定的玩家联系起来.看来大多数球员无论如何都不允许这样做. 甚至发现这绝对是不可能的. 谢谢. 解决方案 答案:否 唯一的解决方法是将您想在全屏视频的顶部加载到SWF本身.
0 2023-11-18
编程技术问答社区
热门专题
winform 点击 ctrl A label 全选 java构造方法私有怎么创建对象 element照片墙根据url显示 @Test结果跳过 junit 插件管理器Vundle 加密 提供程序返回错误消息 对象已存在 echarts map初始化高度 ue4 rhi 并行 maven打包指定main并将依赖打入 Terraform state管理 ww、qgt89.C0M 熟悉java,写简历有什么具体的点可以写 用数据流程图阐述python实现注册登录 python 485口 c# 查自己的外网IP地址 gprs模块连接mqtt服务器 vs2019配置MKL mysql 同一个字段根据不同条件查出多列 sublime Text4 自动添加头部信息 一键开启关闭Windows Defender