1回答
如果视频暂停，则退出全屏播放视频
、、、、
我有一个HTML视频，播放全屏时，用户点击播放。如果用户点击在全屏内退出，一切都会正常工作-视频停止播放并全屏退出。但是，如果用户在全屏中暂停视频，然后单击escape，则视频将再次开始播放，导致视频中的声音在退出全屏时返回的页面上循环。我的js控件如下：
exitHandler: function(){
vid = Video.vid;
$(Video.featuredVideo).toggleClass('featured-video-show');
if (document.webkitIsFullScreen || document.mozFul
浏览 24提问于2016-02-02得票数 0
我知道Netflix已经从Silverlight转移到了反应上。在查看了源代码而没有找到我正在寻找的内容之后，我想了解Netflix在点击全屏按钮时如何进入用户的全屏模式。DOM窗口不能通过JS...unless调整大小--我遗漏了一些东西。那么，Netflix用什么技术来完全控制屏幕呢？
提前感谢！
浏览 1提问于2020-05-06得票数 0
回答已采纳
1回答
在Ember.js中使用History API是可能的，只需：
App.Router.reopen
location: 'history'
但在全屏运行时，任何URL修改都会破坏Chrome的全屏模式(这是众所周知的bug )。
是否有可能在EmberJS中对历史API的更改进行队列处理，并仅在应用程序退出全屏时触发所有更改？
看起来YouTube也是这样做的--你可以在全屏上观看多个连续的视频，并且URL保持不变，直到你退出全屏模式。
浏览 5提问于2014-02-22得票数 2
回答已采纳
我试图在已经全屏模式下使用javascript重定向到一个新的url，但是redirect currenlt退出了我不想要的全屏模式。我是否使用了错误的JS代码？
window.location.href = demo_url;
或
window.location = demo_url;
浏览 3提问于2013-01-30得票数 4
回答已采纳
我遇到了一个非常有趣的跨浏览器HTML5/CSS问题:每当有一个带有-webkit-animation-fill-mode: both;的动画附加到一个包含HTML5 video元素的DIV时，这个视频不会在原生HTML5全屏模式下填满整个窗口，也就是说，全屏视频的大小将被限制在父元素尺寸。
描述可能会令人困惑，所以我创建了一个简化的示例：
(注意: jsFiddle根本不允许全屏模式，但它提供了对发生的事情的理解。要在启用全屏的情况下查看相同的代码，可以在此处打开它：)
我们尝试了几个JS视频播放器(video.js，flowplayer等)，所有播放器都存在这个问题，与任何特定的JS库无关
浏览 0提问于2013-12-26得票数 2
当用户按下f键时，我有一个元素要显示全屏。
我的HTML
<div id="test">
hello
</div>
My JS
// go fullscreen when pressing 'f' (key 70)
document.onkeydown = function(e){
e = e || window.event;
var key = e.which || e.keyCode;
if(key===70){
requestFullScreen(
documen
浏览 2提问于2019-05-30得票数 0
回答已采纳
1回答
背景
有一些Web是"“。这种API的一个例子是全屏幕API。
问题
默认弹出页窗口不视为用户激活。为什么会这样呢？我希望如果用户单击工具栏图标打开弹出窗口，代码将被视为用户激活的。
示例
manifest.json
{
"name": "Test",
"description": "Test"
"version": "1.0.0",
"manifest_version": 3,
"action": {
浏览 5提问于2022-01-31得票数 1
2回答
我的网页转换为全屏模式使用以下代码。
var element = document.getElementById("b");
if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
我希望通过单击esc防止退出全屏模式。
我试过以下代码，但不起作用。
document.onk
浏览 13提问于2014-01-22得票数 3
回答已采纳
1回答
我有一个可以全屏显示的视频元素。一旦进入全屏模式，我想在按ESC时禁用退出全屏。现在，我知道这在技术上是不可能的，因为在全屏模式下没有ESC按键事件调度，但Chrome远程桌面有一些非常有趣的东西。
他们展示的不是Press ESC to exit fullscreen，而是Press and Hold ESC to exit fullscreen。
有谁知道如何实现这一点吗？目标是在按下ESC键时不退出全屏，而是在按住ESC键时退出。
我知道Google很可能为Chrome远程桌面修改了浏览器的行为，但如果我们也能这样做那就太酷了:)
谢谢
浏览 2提问于2020-04-17得票数 1
我在我的项目中使用angularjs pdf查看器，它可以很好地与Google Chrome一起使用，但当我使用IE时，当我在PDF查看器中使用全屏按钮并按下退出按钮时，它会关闭PDF查看器，预期的行为是它应该关闭全屏模式，而不是查看器，此功能在Google Chrome中运行良好。不确定如何控制此行为
任何帮助都是非常感谢的。
仅供参考，我使用的是IE 11。正在从服务器(Azure应用程序服务)加载PDF文件。服务器应用程序构建在C#.net内核中
以下是我的代码
包含在app.js中
app.config(function(pdfjsViewerConfigProvider) {
浏览 0提问于2020-04-12得票数 0
我无法使用javascript退出IE的全屏模式。
我使用的退出全屏的代码是：
docElement.msCancelFullScreen();
我也试过了
docElement.exitFullscreen();
我在网上搜索了很多次，但对我来说什么都不是。请帮帮我..
浏览 0提问于2014-08-29得票数 1
我正在尝试覆盖F11键来切换一些模式窗口。
$(window).on('keydown', handleKeyEvents);
function handleKeyEvents (e) {
if(e.which == 122) {
e.preventDefault();
alert("Override here");
}
}
如果窗口未处于全屏模式，则此代码工作正常。但如果窗口处于全屏模式并按下F11键，则handleKeyEvents函数不会被触发，而浏览器将退出全屏模式。
小提琴：
注意:我不想使用任何第三方
浏览 1提问于2017-06-06得票数 2
我有一个全屏按钮，当点击时，它就可以工作了。但是，几秒钟后，Flash会自动退出全屏模式并恢复为正常模式。我正在浏览器中运行这个。我尝试将fullScreen事件处理程序中的所有代码剥离成这样(我删除了displayStates之间的切换)：
private function fullScreenHandler( event:MouseEvent ):void
{
stage.displayState=StageDisplayState.FULL_SCREEN;
}
它仍然在发生。以前有没有人见过这个？
浏览 0提问于2011-05-20得票数 1
回答已采纳
我在研究一个考试系统。进入全屏后，禁止退出全屏。但似乎不可能禁用esc键来控制全屏的退出。我应该做什么，或者我应该监视退出全屏状态，然后自动全屏？非常感谢。
浏览 6提问于2020-06-10得票数 1
3回答
我正在使用nw.js生成一个可执行文件。我可以将其设置为全屏模式，但如何使用退出键对其进行转义？人们建议使用下面的代码，但是我应该把它放到哪个文件中呢？
var gui = window.requireNode('nw.gui');
gui.App.registerGlobalHotKey(new gui.Shortcut({
key: "Esc",
active: function () {
gui.Window.get().leaveFullscreen();
})
}));
浏览 42提问于2017-03-05得票数 0
回答已采纳
在HOpenGL中，我可以使用函数fullscreen进入全屏模式：
但是，我们如何才能离开全屏模式呢？有没有退出全屏模式的功能？我使用了函数fullScreenToogle，但是我得到了一个运行时错误：
用户错误(未知的GLUT调用glutFullScreenToggle，检查freeglut)
浏览 0提问于2013-10-11得票数 1
我正在编写一个应用程序，自动有一个图像加载全屏应用程序启动后立即。当这种情况发生时，似乎用户退出这种全屏模式的唯一方法是按CMD-Q并退出应用程序。我如何设置自己的自定义击键组合，以便用户可以退出全屏模式并编辑应用程序的设置？(例如，我如何设置它，以便像"CMD-Option-5“这样的东西将退出全屏模式并允许在不关闭整个应用程序的情况下进行编辑？
浏览 0提问于2010-10-24得票数 0
回答已采纳
嗯，我认为这是Youtube的一个主要缺陷，但我没有发现任何关于它的报道。
我有一个web应用程序，它显示在全屏浏览器使用JavaScript全屏API。
在这个网络应用程序中，有一个嵌入式Youtube播放器。当您打开Youtube播放器在全屏，然后单击Youtube的全屏按钮再次退出播放器的全屏，它没有反应！
我确信，这与浏览器已经处于全屏模式有关，因此存在某种冲突。
我创建了一个简化的示例，可以在这里查看：
点击“转到全屏”按钮。
播放视频并单击全屏按钮。视频将全屏播放。
再次单击“全屏”按钮。它不会离开的。
编辑:上面html文件的代码在这里：
<!DOCTY
浏览 7提问于2015-06-21得票数 11
有没有一种方法可以在kiosk模式(全屏)下运行JavaFX应用程序，这段代码是全屏运行的：
Scene scene = new Scene(root);
stage.setMaximized(true);
但是，操作系统的任务栏仍然可见。如何实现类似谷歌Chrome模式的模式，它可以覆盖整个屏幕？
浏览 2提问于2016-11-11得票数 3
回答已采纳
我想让功能返回到全屏模式后，按ESC退出全屏模式。
有什么方法可以返回全屏吗？
例如，为了执行全屏模式，我使用了如下方法
@Override
public void init(Controller controller) {
sound.backgroundMusic();
menuButtons = new ArrayList<>();
createSubScenes(controller);
createButtons(controller);
createBackground();
createLogo();
contr
浏览 0提问于2019-03-01得票数 2
回答已采纳
是否有一种方法可以在不使用提供者或包装器div的情况下从任何组件中进入全屏模式？
我知道全屏模式可以通过使用screen或react全屏之类的软件包来实现，但我想省略这一点。
如果包装器或提供程序是必需的，那么进入全屏最有效的方法是什么？我有很多组件和不同的视图，我希望有一个按钮，onClick进入整个页面的全屏，而不管该按钮在DOM中的位置。
浏览 11提问于2022-07-10得票数 3
回答已采纳
我在用
window.setFullScreen(true);
使窗口全屏。
但是每当我改变窗口上的场景/窗格，让它再次全屏时，它就会弹出.
按ESC退出全屏模式.
我猜这是一个内置的NetBeans函数，因为它在我工作的每台机器上都是这样做的。有什么方法可以阻止它/关闭它吗?还是有另一种方法不弹出任何烦人的全屏。
浏览 6提问于2017-01-12得票数 5
回答已采纳
在带有自定义控件的Google网页中，在IPad上，如果用户进入全屏，IPad将显示一个"X“控件，该控件掩盖了我的自定义控件。
演示了这个问题。
复制步骤：
单击iPad上的全屏(地图右上)
感到悲伤，因为自定义控件在左上角被模糊了(截图来自IPad ，嵌入在帖子的末尾)
Javascript片段：
var customControl = document.getElementById('customControl');
map.controls[google.maps.ControlPosition.LEFT_TOP].pu
浏览 0提问于2019-03-20得票数 3
回答已采纳
1回答
我正在实现一个Cocoa应用程序，它支持全屏模式。如果用户在使用全屏模式时退出，我需要在全屏幕模式下启动应用程序，
在启动应用程序时，我检查应用程序是否应该以全屏模式启动，然后在NSWindow上调用NSWindow。然后，应用程序进入全屏模式，返回正常窗口模式.。
用户可以在没有任何问题的情况下进入全屏模式。关于这件事出了什么问题有什么建议吗？
浏览 7提问于2014-03-17得票数 1
回答已采纳
我有一个打算在全屏模式下运行的应用程序。为了防止它全屏显示，我这样做了：
protected function windowedapplication_preinitializeHandler(event:FlexEvent):void
{
nativeWindow.stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);
nativeWindow.stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE;
}
protected functio
浏览 1提问于2012-07-31得票数 0
2回答
当我启动Android时，它总是全屏的。我不想那样，必须手动单击“退出全屏”每次。
如何防止Android启动全屏？
浏览 6提问于2016-04-11得票数 2
回答已采纳
我使用mediaelement.js版本2.16.4在thickbox.js创建的iframe中加载视频。当我尝试点击firefox-37.0.2/IE-11中的全屏按钮时，视频转到全屏，但立即返回到较小尺寸的iframe。如果我不初始化媒体元素，只初始化HTML5标签，那么全屏在iframe中工作得很好。因此，它必须与媒体元素播放器做一些事情。这在Chrome中是不会发生的！有人能在这里指导我为什么会发生这种情况以及如何解决吗？
仅供参考:我在iframe中有“iframe allowfullscreen mozallowfullscreen allowfullscreen”。
<vi
浏览 2提问于2015-04-30得票数 1
1回答
我使用在浏览器上切换整个屏幕。这是可行的，但我有两个问题：
当我处于全屏时，如果我点击一个链接转到另一个页面(在我的域中)，页面就会离开全屏。我想继续全屏模式。
在Chrome中，背景并不能填满屏幕的全部高度。
当我使用带F11键的全屏时，不会出现这些问题。
这些问题有什么解决办法吗？一些API或者是工作？
我的javascript代码：
// toggle fullscren
function toggleFullScreen(element) {
if (!document.fullscreenElement && // alternative
浏览 2提问于2013-08-09得票数 2
1回答
我对javascript非常陌生，我正在用全屏API构建一个全屏功能的播放视频。
在我的应用程序中，当用户退出全屏模式时，我试图触发视频div中的css更改，但它似乎不起作用。我的猜测是，我认为其他说法是错误的，但我不知道它是错误的地方。会非常感谢您的帮助:)
代码粘贴在下面
HTML
<div id="film">
<video class="video_player" id="player" width="20%" controls="controls" muted >
<sour
浏览 5提问于2021-02-09得票数 1
步骤：
激活自动播放
设置全屏模式
进入下一个视频时，播放机将退出全屏。我就像youtube一样，下一个播放列表的视频会全屏播放。
我知道当用户手势触发时，全屏浏览器API只是接受全屏模式。但是，由于用户已经设置了全屏模式，在转到下一个视频时，是否有办法在全屏上继续呢？
我也知道，退出全屏，因为当转到下一个视频，是切换到另一个页面。
“此外，导航到另一个页面.而在全屏模式下也会退出全屏模式。
我的问题是，YouTube是如何在不退出全屏的情况下更改window.location的？
浏览 3提问于2021-02-03得票数 0
我的网页有一个全屏模式。单击一个按钮，图像就会全屏显示。我需要通过单击删除按钮或按退出按钮来退出全屏。我应该使用哪个函数来实现这一点？
jQuery
$('.fullscreen').bind('click', function(event) {
var sectionId = $(this).parents('ul').attr('id');
var outputId sectionId.replace('ul','img');
var fullObj = $('#si
浏览 2提问于2013-07-05得票数 0
回答已采纳
1回答
我正在使用MPMoviePlaybackController在我的iPhone应用上播放电影。一切都很好，除了全屏切换底部基本上什么都不做。当我切换它时，图片会稍微变大。
我希望它能像其他在iphone上播放视频的应用程序一样运行。当您切换全屏按钮时，图片将被缩放，因此纵横比保持不变，但最终会丢失图片的一部分，因为它不在屏幕上。
如果全屏切换实际上并没有全屏显示视频，那么它的作用是什么？
有什么想法吗？
浏览 1提问于2011-03-09得票数 1
2回答
HTML5全屏播放
、、、、
我已经在WordPress安装上启动并运行了Flowplayer，并且尝试更改播放器的行为，使其在用户单击play按钮时进入全屏模式。
我的页脚中有以下JavaScript：
flowplayer(function (api, root) {
api.bind("resume", function(e, api, video) {
api.fullscreen();
});
});
但是，唉，玩家不会切换到全屏模式。我知道全屏有一个限制，只有当用户执行操作时才能调用它，但是‘简历’事件不是用户创建的操作吗？
通过使用静音函数测试代码的行为，我
浏览 3提问于2013-12-17得票数 3
回答已采纳
请求动画帧在退出全屏时停止工作，点击原始空间的safari窗口。如果用转义键取消全屏模式或调用cancelFullScreen()，一切都很好。
复制步骤：
开放
单击“用皇家空军绘图”，就会出现一只小猫。
点击“全屏”，你就会变成全屏。
单击“用皇家空军绘图”，就会出现一只小猫。
回到原来的safari所在的空间，显示“单击退出全屏模式”，单击anywhere，您将从全屏幕上退出。
单击“用raf绘图”，什么都不会发生。
它所做的只是处理单击调用：
window.requestAnimationFrame(draw);
它只是在画布上下文上画一些东西：
fun
浏览 1提问于2014-06-27得票数 3
回答已采纳
我使用了我学到的代码来使浏览器变成全屏(它可以工作)，但是我试图修改它的一个版本以退出全屏的尝试失败了。处理这些非标准的API有点棘手，因为每个浏览器都有一些不同的实现。
下面是代码：
// Bring the page into full-screen mode - Works!
function requestFullScreen(element) {
// Supports most browsers and their versions.
var requestMethod = element.requestFullScreen ||
elemen
浏览 0提问于2014-08-03得票数 8
回答已采纳
我的Widget树看起来像这样， Widget build(context) {
return Consumer<SocketModel>(
builder: (ctx, model, snapshot) {
if(model.forceLeave == true) {
return Text("Your time is up")
}
return WebViewWithAHtmlPlayer()
}
)
} 上面的代码不是真正的代码，但为了保持清晰，我删除了大部分部分。这基本上就是发生的事情。webview内部的h
浏览 36提问于2021-04-01得票数 0
回答已采纳
1回答
如何设置广告墙中间广告？
、、、
我想让儿童应用程序为家庭设计的谷歌游戏类别。根据这一点：有两条规则：
不得使用广告墙。
广告间不能在app启动时立即显示。
请你解释一下如何使Interstitial广告不能全屏(不是广告墙)吗？
广告墙和中间广告有什么区别？
我以前经常使用Interstitial：，它显示全屏。还是我搞错了要求？
浏览 1提问于2015-04-24得票数 0
回答已采纳
3回答
我为我的应用程序实现了一个全屏切换功能，它实际上运行良好，在最新的Chrome、Firefox、IE和Opera上进行了测试。我有一种激活和禁用全屏模式的方法：
public deactivateFullscreen(element) {
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.webkitRequestFullscreen) {
document.webkitCancelFullScreen();
} else if (
浏览 10提问于2017-04-13得票数 17
回答已采纳
2回答
我目前正在尝试用python为我高中的coding II课程编写一个基本的smartmirror。我想做的一件事就是在全屏模式下打开新的标签页(使用chrome)。我目前有它，所以我可以打开url的，但我没有得到他们的全屏。对于我可以用来在全屏中打开chrome的代码有什么想法吗？
浏览 4提问于2017-03-01得票数 5
1回答
自从电子18.0.1推出以来，我在全屏上按下逃逸键就有困难了。麻烦的是，我的电子应用程序是在全屏运行，我想我的应用程序处理Esc键。然而，自从电子18.0.1，当我按Esc，我被踢出全屏-我想这是因为Esc键是一些“神奇的系统钥匙”，是由电子本身处理。
请你帮我一下，当Esc被按下时，如何防止电子退出全屏？
谢谢
浏览 8提问于2022-05-15得票数 4
我想要显示一个非常基本的地图与mapbox使用svelte。当我只想让地图全屏显示时，我已经失败了。我知道有svelte-mapbox插件。但我真的不想做任何花哨的事情。现在只是一张全屏地图；) 所以我的main.js看起来是默认的： import App from "./App.svelte";
const app = new App({
target: document.body,
});
export default app; App.svelte如下所示： <script>
import mapboxgl from "mapbox-gl&#
浏览 49提问于2021-10-05得票数 1
2回答
在UIWebview中播放媒体文件时(例如youtube)
有一个按钮来“全屏”html5媒体播放器-我怎么能
知道玩家何时进入全屏
强制HTML5播放器转到全屏
浏览 3提问于2014-01-13得票数 8
回答已采纳
我在支持它的浏览器上使用HTML5全屏模式(还不能共享到代码的链接，它不是活动的)。我遇到了一个问题，我认为可能是Safari错误，但我也想在这里发帖，看看是否有人对解决办法有建议。
我的应用程序是使用一个图像滑块，它上面有一个带有链接的div，用于悬停效果(很难解释，但请容忍我)。图像和悬停DIV的默认宽度都是1150像素(通过CSS)，并且使用媒体查询来指定链接div宽度(这是SCSS代码，因此对于那些不习惯它的人来说，它可能看起来很奇怪)。
.links {
width: 1150px;
height: 744px;
position: absolut
浏览 2提问于2013-06-14得票数 1
我用Java在全屏模式下构建了一个游戏，我使用下面的代码来实现全屏：
this.setPreferredSize(new Dimension((int)screenSize.getWidth(), (int)screenSize.getHeight()));
GraphicsDevice gd = GraphicsEnvironment.getLocalGraphicsEnvironment().getDefaultScreenDevice();
if(gd.isFullScreenSupported()) {
this.setUndecorated(t
浏览 1提问于2011-06-12得票数 1
回答已采纳
3回答
对我的要求当我按下一个按钮时，我必须在全屏模式下显示一个特定的div，并在页面返回到正常模式时隐藏该div。
我可以用代码实现全屏模式：
function launchFullscreen(element) {
if (element.requestFullscreen) {
$('#bmessages').show();
element.requestFullscreen();
} else if (element.mozRequestFullScreen) {
$('#bmessages').s
浏览 4提问于2014-08-05得票数 23
1回答
下面的代码可以输入全屏并侦听exist全屏事件。这段代码适用于chrome、safari、edge。但是在火狐中退出全屏模式时不会调用exitListener。有人知道如何在firefox中实现退出事件侦听器吗？
const el = $('.mydiv')[0];
const rfs =
el.requestFullscreen ||
el.webkitRequestFullScreen ||
el.mozRequestFullScreen ||
el.msRequ
浏览 1提问于2018-04-08得票数 0
回答已采纳
我遇到了一个问题的全屏幕切换视频‘m HTML5播放器。
在这里，我在一个页面()上看到了两个视频，主视频看起来还不错。但是边栏中的视频，我无法切换到全屏模式。当我点击全屏切换时，它会切换到全屏，并立即以“退出全屏，因为在Firefox中从Document.中删除了全屏元素”的方式退出全屏模式。
请注意，问题持续存在单一的视频实例的网页和铬以及。
浏览 0提问于2018-03-21得票数 0
我使用下面的代码来计算用户按了多少次F11 (在Chrome上)。当我按F11键全屏时，变量countF11会增加1，但当我按F11键退出全屏时，它不会改变。原因是什么，有没有解决方案？ var countF11 = 0;
document.onkeydown = function (e) {
if (e.keyCode == 122) {
countF11++;
document.getElementById("status").innerHTML = countF11;
}
}
浏览 185提问于2021-09-21得票数 2
回答已采纳
1回答
我在Chrome Mobile中从全屏模式返回时遇到问题。我找到了一些全屏示例，并添加了一个功能。当浏览器处于全屏模式时，图像边框为红色。
#root:-webkit-full-screen > .img-wrap > .img-01
{
border: 2px solid red;
}
您可以在此处找到示例应用程序：
如果你点击按钮，它将以全屏模式打开，图像边框将是红色的。如果您按下"Esc“按钮，则边框仍为红色！！在真实的安卓设备上Esc ==后退按钮。
我还发现，当按下键盘上的Esc键时，事件: webkitfullscreenchange、mozfulls
浏览 1提问于2018-05-24得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
