标签: fullscreen
有没有办法将 <canvas> 覆盖在全屏 HTML5 <video> 上？
我正在使用 videojs 来播放视频，并且我对视频内容逐帧进行了一些操作并将其显示在<canvas>（ID：“显示”）中。
视频播放时，可以用下面的css<canvas>显示在前面。<video>
<style type="text/css">
canvas#display {
z-index: 1;
postion: relative;
top: some-video-height-px;
}
video#videoDiv_html5_api {
z-index: -2;
}
div.vjs-controls {
z-index: 3;
}
</style>
进入全屏模式时，该属性似乎z-index不起作用。<video>它保持在前面并且<canvas>不能覆盖<video>
在 W3C 文档中 https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#ui
我们有
:fullscreen {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:2147483647;
box-sizing:border-box;
margin:0;
width:100%;
height:100%;
}
看来 z-index 已设置为Integer.MAX_VALUE...
推荐指数
解决办法
查看次数
SDL 退出全屏
当我退出全屏 SDL 应用程序时，我的计算机分辨率更改为 640x480。我的应用程序分辨率是 1024x768。退出应用后如何将分辨率切换回原来的分辨率？
我使用 SDL 1.2 和 Ubuntu 10.04
推荐指数
解决办法
查看次数
嵌入的 Youtube 视频全屏或导致调整大小
我正在构建一个主页，它根据窗口宽度自动重新定位元素。问题是一个元素“player”中有一个 YouTube 视频。我希望用户能够全屏播放 YouTube 视频，但在单击全屏后，窗口大小调整会被捕获，并且“播放器”元素会重新定位，从而取消全屏。
此外，当在移动设备上查看此主页时，任何滚动都会因某种原因触发相同的功能。我想解决这两个问题。
这是JS代码：
$(window).resize(function() {
var player = $('.header-11-sub .player');
if ($(window).width() < 751) {
$('.header-11-sub .signup-form').before(player);
$('.header-11-sub .player-wrapper').hide();
} else {
$('.header-11-sub .player-wrapper').append(player);
$('.header-11-sub .player-wrapper').show();
}
});
推荐指数
解决办法
查看次数
如何将 NSApplicationPresentationOptions 应用于应用程序？
我试图使应用程序以演示模式启动，同时禁用 Dock、菜单栏、进程切换等。我为这些设置设置了变量，但现在我不知道如何将这些设置实际应用到应用程序。这是我到目前为止的代码：
\n\nlet presOptions: NSApplicationPresentationOptions = [\n .HideDock , // Dock is entirely unavailable. Spotlight menu is disabled.\n // .AutoHideMenuBar , // Menu Bar appears when moused to.\n // .DisableAppleMenu , // All Apple menu items are disabled.\n .DisableProcessSwitching , // Cmd+Tab UI is disabled. All Expos\xc3\xa9 functionality is also disabled.\n .DisableForceQuit , // Cmd+Opt+Esc panel is disabled.\n .DisableSessionTermination , // PowerKey panel and Restart/Shut Down/Log Out are disabled.\n .DisableHideApplication , // Application "Hide" menu item is disabled.\n // …推荐指数
解决办法
查看次数
在 MS IE11 中启用全屏时无法滚动 <body>
我有一个使用 Bootstrap3 具有固定页眉和页脚的页面。下面的内容是可滚动的。用户可以通过 F11 或按钮（使用 FullScreen-API）启用全屏模式。这在 Chrome 和 FF 中工作正常，但在 IE11 中出现问题。F11 全屏效果总是很好。但是使用 javascript 切换全屏模式会导致我的页面在使用 IE11 时被放置在顶部底部，并且宽度和高度缩小。我的页眉和页脚保持不变。
<body>
<header>Fixed</header>
<main>Scrollable</main>
<footer>Fixed</footer>
</body>
我创建了一个小小提琴，可以显示我在做什么。不幸的是，全屏不会在 JSFiddle 中切换，因此最好将代码复制到其他地方： https: //jsfiddle.net/j122kdju/
这是该网站的两个屏幕截图。我给 html 设置了绿色背景色，以查看通过 JS API 启用全屏时发生的情况。第一张图显示了 IE11 中没有全屏的页面：
第二个显示通过 IE11 中的 JS API 启用全屏：
我可以通过将 css 中的 html 宽度设置为 100% 来解决这个问题。无论如何，溢出的页面就不能再滚动了。滚动条不可见。如前所述，这在其他浏览器中运行良好。
有没有可用的解决方法？我在这里错过了什么吗？谢谢
编辑：也许相关：IE 在全屏模式下无法滚动
推荐指数
解决办法
查看次数
以编程方式调用AVPlayerViewController的全屏按钮
我有一个用 AVPlayerViewController 包装的 AVPlayer。我的整个应用程序处于纵向模式，AVPlayer 是其中一个视图的子视图。我想在设备像 YouTube 应用程序一样旋转时自动全屏显示视频。有没有办法以编程方式调用 AVPlayerViewController 的全屏按钮方法。在文档中没有找到任何内容。
推荐指数
解决办法
查看次数
JavaFX - 隐藏/禁用 Mac OS X 菜单
我正在 JavaFX 中开发一个游戏，我希望该游戏以全屏模式运行。如果我使用primaryStage.setFullScreen(true)，它会以全屏模式显示屏幕，但如果我按Esc键，它会离开全屏模式，或者如果我将鼠标移动到屏幕OS X菜单栏和窗口的上侧出现上边框。
有什么方法可以在真正的全屏模式下运行JavaFX应用程序吗？因此，没有 OS X 菜单栏和上窗口边框。
真诚的感谢！米贾
推荐指数
解决办法
查看次数
iOS 13 Safari：window.innerHeight 中的错误
据我了解，window.innerHeight应该返回没有浏览器镶边（地址栏、导航、标签等）的视口的大小。但在最新版本的iOS13中似乎并非如此。相反，有两个问题：
- （有时*纵向太小）如果您在没有打开标签的情况下从纵向模式旋转到横向模式，然后又回到纵向模式，则该
window.innerHeight值最终太小（大约是底部导航栏的大小），给出了这种可怕的白色屏幕底部的栏。有关更多详细信息，请参阅有关 macrumors 的讨论：https ://forums.macrumors.com/threads/is-this-a-mobile-safari-bug-white-space-appears-at-bottom-after-rotating-iphone.2209551 / - （有时*横向太大）如果你打开了一堆标签，“显示标签栏”打开，然后从纵向模式旋转到横向模式，那么
window.innerHeight太大并且屏幕底部被切断。
即使在打开每个可能的视口标签及其所有排列之后，它似乎也不起作用。我还查看了一些关于如何在 iOS Safari 中处理这个问题的“教程”，到目前为止，我检查过的每个教程都已损坏。
我还尝试了 的所有变体，window.innerHeight结果大致相同：
- 新的可视化视口 API返回相同的结果，与 window.innerHeight 没有区别。底部仍然在横向模式下被截断，标签栏和纵向模式仍然在底部有白色栏。
document.documentElement.clientHeight用CSS的各种置换（使用100vh，100%等等）给出相同的结果。同样适用getBoundingClientRect于各种 div 和 div 元素的组合。window.outerHeight并screen.height给出不带浏览器chrome的全屏大小，一般过大导致溢出。- 还尝试了一些我现在已经忘记的其他随机事情（应该做笔记）。
如果您可以猜测顶部和底部浏览器 chrome 的大小，您可以在每个设备的基础上手动捏造它，但这非常脆弱。我正在寻找一种解决方案，它不涉及为每个 iOS 设备和软件配置构建一个巨大的查找表。
我正在尝试为网页游戏制作全屏画布元素，但此问题阻碍了我的发布能力。据我所知，此问题仅存在于 iOS13 中。环顾四周后，我仍然没有找到一个好的解决办法。
推荐指数
解决办法
查看次数
Android Chrome 在旋转屏幕后使用 javascript 退出全屏后隐藏地址栏（错误？）
我正在使用此 javascript 使网站全屏显示并退出全屏显示：
function ToggleFullscreen() {
elem = document.documentElement;
if (!document.fullscreenElement && !document.mozFullScreenElement &&
!document.webkitFullscreenElement && !document.msFullscreenElement) {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}
}
问题是，如果用户在退出全屏时在页面浏览期间将手机从横向旋转到纵向，则地址栏不会重新出现。这似乎是一个错误，因为如果他们之前没有旋转设备，它就可以完美运行。要取回它，用户通常可以在页面上向上滚动。但是，我目前正在制作的网站上的内容要求禁用滚动，因此用户无法这样做。所以对他们来说，网站似乎已经搞砸并丢失了他们的地址栏。
有人能想出办法让地址栏回来吗？我尝试使用“scrollTop = 0”，但没有帮助。我什至尝试了“scrollTop = 20”，然后在延迟“scrollTop = 0”之后仍然没有用。确实将它带回来的一件事是使用“alert('message');”。正如您可以想象的那样，我不想在有人退出全屏时弹出一条消息，尽管只是以防万一他们处于这种状态。是否有任何其他 javascript 函数可能会像警报一样将地址栏带回来？或者我可以首先尝试避免这个问题？
推荐指数
解决办法
查看次数
如何在 macOS 上使 Android 模拟器全屏显示？
我在 Android Studio 中设置了一个自定义 Android 模拟器虚拟设备，一切似乎都运行良好，但我无法全屏显示模拟器窗口。我可以很好地调整窗口大小，但没有全屏选项。
我尝试从命令行运行模拟器并传递 flags -qemu -full-screen，但它显示：
unknown option: -full-screen
please use -help for a list of valid options
即使它包含在emulator -qemu -help：
-full-screen start in full screen
它看起来像这样：
有什么办法可以让安卓模拟器在 macOS 上全屏显示？
推荐指数
解决办法
查看次数