我使用伟大的LightGallery js模块：
如何在全屏模式下启动LightGallery？全屏模式可以通过点击工具栏中的图标来激活，但是如何在全屏模式下启动幻灯片呢？
浏览 4提问于2016-12-16得票数 1
1回答
查看器是否支持面板以外的其他内容，以便在不使用警报(“文本”)的情况下全屏显示警报？
我们使用库，如引导和eModal.js，但图形隐藏在全屏。它们只在您退出全屏模式时才会出现。
浏览 5提问于2017-05-03得票数 0
回答已采纳
1回答
我已经创建了一个脚本来启用/禁用网页中的全屏(React JS)。在网页中，单击按钮，网页会滚动到顶部。在普通网页中，滚动到顶部可以正常工作，但当启用全屏时，滚动就不起作用了。此外，我使用scrollToElement React JS包进行滚动，但这也不起作用。 从‘React’导入react；导入{FullScreen，useFullScreenHandle} export const A = () => {
/* Click handler to enable the scroll to root*/
handleClick = () => {
window.sc
浏览 21提问于2021-11-12得票数 2
回答已采纳
2回答
问题：有没有办法在不使用屏幕宽度和高度的情况下将本机目标设置为“真实的”全屏？关于这个问题的最后一个答案现在已经有点过时了。
也是：如果答案是否定的，那么有什么具体的原因吗？(除尚未实施外)
我越多地使用kha，就越觉得它有点面向JS目标(我有点理解，因为有了Javascript，很多kha特性是可能的)。它解释了缺少的全屏功能，因为JS目标会填充容器/画布，但我知道的大多数kha用户都是针对本机的。
浏览 6提问于2017-03-21得票数 2
而导出高图表V9.1.1从全屏与选项打印抛出错误的控制台。
accessibility.src.js:431 Uncaught TypeError: a.hasAttribute is not a function
at accessibility.src.js:431
at NodeList.forEach (<anonymous>)
at l (accessibility.src.js:430)
at l (accessibility.src.js:436)
at l (accessibility.src.js:436)
at l
浏览 4提问于2021-07-30得票数 0
2回答
我正在建立一个在线课程网站。当用户在全屏模式下观看课程时，我希望记住这一点，以便在我在下一课中挂载react-player时使用全屏模式。我希望会有一个onFullscreenMode回调，但是文档中没有列出任何类似的内容。我怎样才能做到这一点？
编辑1:基于@onkarruikar的回复，我尝试使用。首先，我很惊讶它没有安装，尽管real-player应该使用它进入全屏模式。在安装并导入包之后，我得到了编译错误：
.../node_modules/screenfull/index.js 11:44
Module parse failed: Unexpected token (11:44)
F
浏览 0提问于2021-11-09得票数 6
回答已采纳
1回答
在iPad Safari上，ios版本13.1.3
我尝试使用vanilla js将触摸事件侦听器添加到视频元素。事件通常在非全屏模式下触发。但是一旦我将模式改为全屏，我就不能再触发触摸事件了。
我在safari的web检查器中也得到了下面的控制台错误。
我发现像video.js这样的视频播放器框架可以避免这个问题。但我想知道为什么会发生这种情况，以及我如何使用vanilla js解决它？
<body>
<video controls width="720" src="https://archive.org/download/BigB
浏览 4提问于2019-10-29得票数 0
1回答
通常，我用透明的背景在我的网站上显示高图表。我的网站有一个白色的背景，其中有一个非常浅色的图像。
但是，当我在全屏 (exporting.js)中查看该图形时，它会以黑色背景显示它。
如果我能指出正常的背景是透明的，但是在“全屏视图”模式下的背景应该是白色的，那将是完美的。
浏览 6提问于2022-10-10得票数 0
我一直在使用video.js在模式窗口中显示内容，如下所示：
点击"Clicca qui per visionare il video della recita!“按钮。
所以，问题来了:视频运行得很好，但全屏按钮只会让视频充满模式窗口，所以基本上什么都不会发生，或者大小会根据浏览器的不同而略有变化。
现在我在想，有没有办法强制视频全屏显示？否则，我想我将不得不移除按钮。
浏览 3提问于2013-01-14得票数 1
我正在写一个页面，上面有待售房屋的列表。每个列表都有一个短视频，可以选择在页面上观看或全屏观看。
我正在努力让页面上的视频以一种分辨率显示，而全屏以更高的分辨率显示--这对于那些在按下播放图标时自动全屏显示的设备来说尤其必要。
我使用video.js ()获得了很好的页面分辨率，但它似乎不支持全屏分辨率更改。我发现了这个帖子，里面有关于超文本标记语言规范和中途更改分辨率的评论：。
有人告诉我，嵌入式Youtube播放器会自动选择正确的分辨率，但品牌播放器却无法实现。
此外，我发现在没有Flash的IE10中，嵌入式Vimeo播放器无法工作，而在没有Flash的Chrome中，Vimeo和You
浏览 3提问于2013-05-20得票数 4
我正在移植一个我写的游戏，作为一个pixi.js HTML5游戏，我可以嵌入到itch.io上。我的游戏打印到一个canvas，它在一个HTML文件上。itch.io将该HTML文件嵌入到iframe中，并提供一个全屏按钮，该按钮在全屏上显示iframe。
我的游戏是以720x960的固定分辨率运行-在CSS缩放之前。itch.io有固定大小的iframe，我可以使用它的接口进行设置。我把它设置为720x960来匹配游戏。
我试图为HTML文件编写CSS，该文件将调整画布的大小，如下所示：
当显示在iframe中时，canvas扩展以适应iframe，如果iframe的纵横比与游戏的纵横比不同
浏览 1提问于2020-06-10得票数 0
回答已采纳
我正在使用javascript中的requestFullscreen()为我的用户提供全屏PWA体验，但我面临的问题是当用户在移动设备上切换键盘时，屏幕不能滚动，用户必须关闭键盘才能填写其余信息。这对我的UX不好，我想继续滚动活动，就像它没有全屏模式一样。
欢迎任何建议。
//用于全屏模式
addEventListenerOnce( document.body, "click", function(e) {
var el = document.documentElement;
if(el.requestFullscreen) {
浏览 4提问于2017-06-17得票数 0
我有一个lightview窗口，需要在全屏flash电影中的项目被单击时出现。所以我想在lightview回调中加入一些JS来结束全屏flash电影。可以在JS中关闭全屏flash电影吗？
浏览 0提问于2011-06-22得票数 5
回答已采纳
我想包装标准mapbox，请参阅，以添加以下特性：
必需单击应该添加到按钮类中，以避免快速单击错误。
该按钮不应仅仅将映射容器设置为全屏，而应使整个文档页面全屏(其他div等也是如此)。
我尝试了以下方法：。在代码运行和地图显示之前，您首先必须在ES6/Babel窗口中按返回键.
我遇到的问题：
“onAdd”方法以某种方式触发此错误：
"TypeError:未能在'Node‘上执行'appendChild’：参数1不是‘Node’类型。at e.addControl () at jekuwak.js:69:5“
当1被解决(我通
浏览 0提问于2017-04-20得票数 1
回答已采纳
1回答
我在iFrame中开发了一个小系统/一系列视频(准确地说是3段)。当主索引页面被加载后，用户单击视频上的"play“按钮(在那个iFrame中)，该视频播放，然后它重定向到另一个视频(在另一个.html文件中)自动播放，然后当它结束时，它重定向到另一个自动播放的视频--然后一切都完成了。笨重的，我知道，但这才是我们需要做的。
这是我的问题:我希望用户能够全屏第一个视频(如果他们愿意)，并保持全屏“状态”在整个视频之间的过渡。
对于webkit浏览器，iFrame中的视频采用全屏“模式”。我在我的iFrame中使用了这段代码片段来做到这一点：
allowfullscreen="t
浏览 2提问于2013-06-26得票数 0
我使用的是mediaelement.js，问题是在IE9或ie10中点击视频播放器上的全屏按钮，它不知道在IE9或ie10下如何处理这个事件？
浏览 0提问于2013-12-30得票数 1
2回答
我希望嵌入式iframe成为reveal.js演示文稿中的全屏(或调整后的全屏百分比)。讨论意味着我可以将iframe设置为背景，但这将返回默认背景：
<section data-background="http://viz.healthmetricsandevaluation.org/fgh">
</section>
我也尝试过将iframe放在一个带有类扩展的div中，但它只占屏幕的一部分：
<div class = "stretch">
<iframe width="100%" heigh
浏览 4提问于2014-05-11得票数 3
回答已采纳
如何使用angular或vanilla js在全屏模式下自动触发网页。 我使用javascript api来触发我的web应用程序到全屏模式，但是这个api不允许在全屏模式下触发它
浏览 18提问于2020-09-16得票数 0
1回答
我正在使用videojs作为我的视频播放器。我的应用程序锁定在纵向模式，但当我第一次播放视频时(当大的播放按钮可见时)，我想进入全屏。如果用户退出全屏，应用程序应该返回到纵向模式，并以内联方式播放视频，而不是全屏。如果用户想要返回到全屏模式，他必须通过点击播放器右下角的全屏开关来进入。我通过调用下面的命令使它可以进入全屏模式。
this.player.bigPlayButton.on('tap', () => {
if (fullscreenOnStart) {
this.player.requestFullscreen();
}
});
然而，当我在大播
浏览 1提问于2018-12-07得票数 0
我有一个Forge嵌入到一个角9应用程序。除了一个标准的全屏按钮之外，一切似乎都像预期的那样正常工作。单击时，它会抛出一个未显示的JavaScript错误，该错误可以在浏览器的Dev控制台中看到：
Uncaught (in promise) TypeError: fullscreen error
at u (compat.js:87)
at h.doScreenModeChange (ScreenModeDelegate.js:231)
at h.u.setMode (ScreenModeDelegate.js:83)
at T.setScreenMode (S
浏览 8提问于2020-07-21得票数 1
我使用node.js来构建单个页面应用程序。
在主页顶部，我使用100vh css style在全屏显示一些颜色，然后在页面加载之后，创建一个transition来加载图像。
我使用了这个代码：
JS
$('body').addClass('is-loading');
$(window).on('load', function() {
$('body').removeClass('is-loading');
});
但是，single page application不需要在加载之后再次加载。因此，我的问题是如
浏览 12提问于2017-03-10得票数 2
回答已采纳
在Chromium版本72.0.3626.121中，退出全屏模式的按钮可以通过使用enable-experimental fullscreen -exit-ui标志禁用。在版本86.0.4240.193中，此标志不再可用。
有人知道怎么停用这个按钮吗？
我使用以下选项来启动Chromium。"chrome.exe“--no--默认浏览器-检查--DisableSplashScreen=true --禁用--信息条--overscroll-history-navigation=0 --js-flags=”--expose gc“--隐身--开始--全屏
添加--kiosk选项会禁用该按钮
浏览 8提问于2020-12-08得票数 0
0回答
我正在向wordpress帖子添加强大的js bi embed，我正在使用report.fullscreen()使其全屏，但是当iframe是全屏时，我如何向iframe添加按钮，以允许用户轻松地单击该按钮并退出全屏模式？
谢谢
浏览 10提问于2018-07-17得票数 0
构建一个NextJS应用程序时，__next div将只与它所包含的元素一样高。
如果我想在页面的底部添加一个全屏，页面需要是“全屏”的，例如height: 100vh
所以我的问题是:我应该在哪里应用这种全屏风格？在_app.js、_document.js还是其他地方？
我也在使用Material UI，以防有什么变化
浏览 4提问于2020-12-22得票数 0
我正在尝试使用Bigscreen.js在IE11中使用全屏。但是IE11不会监听"MSFullscreenChange“事件。
document.addEventListener("MSFullscreenChange", function () {
if (document.msFullscreenElement != null) {
console.info("Went full screen");
} else {
console.info("Exited full screen
浏览 5提问于2014-01-31得票数 6
1回答
Hello，我在网上搜索，找不到合适的代码或什么的，把我的应用程序作为全屏运行。我想使之，激活全屏模式，并自动隐藏标题栏(按钮)。我是一个初学者的视觉工作室和Windows 10应用程序开发。我正在尝试创建一个JS应用程序。
我只能找到C#/C++应用程序的全屏模式，但找不到JS。
浏览 1提问于2015-12-31得票数 2
回答已采纳
1回答
具体地说，我正在使用video.js将视频实现到网站中。该视频具有JS CSS触发器，可以在视频中的特定时间显示覆盖div元素(如YouTube注释)。
但是，在全屏模式下，这些元素将不会显示。我想尝试解决这个问题，但我甚至不知道全屏模式是如何工作的，也不知道如何在全屏模式下确保视频中的元素正确缩放。
浏览 2提问于2015-12-29得票数 1
我正在使用MediaElement.js制作一个响应式的web应用程序。然而，我有一些问题要让它在Android Chrome浏览器上工作(我有一台三星Galaxy S3)。当我试图打开一个视频时，全屏按钮被放错了地方:可能是“工具栏”元素太大了，最后一个按钮(即全屏)被放在下一行。即使在全屏模式下也会发生这种情况:全屏按钮消失了。
在mediaelement.js网站上的演示视频中也可以看到同样的行为。
浏览 5提问于2013-06-15得票数 0
2回答
我正在使用fotorama js插件作为产品库。如何打开全屏模式时，点击主图像(不是缩略图)？我想让用户打开全屏模式，点击图像，而不是全屏图标在右上角。
这个答案不适用于我：
浏览 6提问于2017-02-27得票数 2
回答已采纳
我使用的是Froogaloop2。是否可以默认全屏启动视频？或者使用JS Api启动然后按下全屏按钮？
谢谢!
浏览 2提问于2014-08-14得票数 1
1回答
在Ember.js中使用History API是可能的，只需：
App.Router.reopen
location: 'history'
但在全屏运行时，任何URL修改都会破坏Chrome的全屏模式(这是众所周知的bug )。
是否有可能在EmberJS中对历史API的更改进行队列处理，并仅在应用程序退出全屏时触发所有更改？
看起来YouTube也是这样做的--你可以在全屏上观看多个连续的视频，并且URL保持不变，直到你退出全屏模式。
浏览 5提问于2014-02-22得票数 2
回答已采纳
我用video.js做视频播放。当不使用iframe时，单击全屏按钮可以正常工作。然而，当使用iframe时，全屏按钮不能工作。为什么会这样呢？
video.js的主页是
iframe页面的代码是：
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
浏览 12提问于2013-01-04得票数 8
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
我正在使用Vue.js创建一个web应用程序，用户可能希望将应用程序设置为全屏模式。当应用程序不处于全屏模式时，我希望在应用程序的右上角显示一个“最大化”图标()，当应用程序处于全屏模式时，我希望显示一个“还原”图标(︎)。我想用Vue.js来处理这些图标的切换。
我已经搜索了谷歌如何做到这一点，甚至只是使用香草JavaScript，但我找不到有用的东西。
浏览 4提问于2020-11-20得票数 0
回答已采纳
2回答
我正在写一个使用Sencha Touch2的iPad应用程序，我需要我的应用程序是全屏的。我添加了
viewport:{
autoMaximize:true,
}
添加到我的app.js，但我仍然保留着状态栏。有什么需要帮忙的吗？
浏览 0提问于2012-08-08得票数 0
回答已采纳
当屏幕处于横向模式时，输入法默认为全屏，但我们可以将其设置为非全屏。但在纵向模式下，有没有办法调用全屏输入法？
浏览 0提问于2014-12-03得票数 2
编辑:下面可以接受一个答案，但是对于任何以我的位置结束的人来说，主要的问题是默认情况下火狐临时启用了全屏api.un前缀，然后在更新中更改了前缀，这样就再次需要前缀了。此外，如果您在“全屏”中搜索:config，它将不会显示“全屏-api”。
有些代码我已经用了很长时间了，用js全屏网页已经不再起作用了。
我已经检查了mdn ()，似乎没有什么改变，但由于某些原因，我无法在任何浏览器中全屏一个网站(我已经测试了Chrome、Firefox和火狐开发者版)。
此外，给我的错误不是权限错误，而是requestFullscreen似乎不作为一个函数存在。
TypeError: document.bo
浏览 5提问于2017-06-28得票数 1
回答已采纳
2回答
我试图建立一个osx可可应用程序与一个综合的webkit网页显示网页。
网页上有html5视频元素，用户应该能够在全屏上播放。但全屏只是显示一个黑色屏幕上的山狮(10.8.2)音频仍在播放，但在osx狮子，它的工作，这是一个错误还是我错过了什么。
最低样本：
步骤：
创建一个可可应用程序，添加一个webview，连接属性"web“并添加webkit框架
代码：
#AppDelegate.h
#import <Cocoa/Cocoa.h>
#import <WebKit/WebKit.h>
@interface AppDelegate : NSObject &l
浏览 2提问于2012-09-21得票数 5
回答已采纳
我使用具有内置延迟加载功能的slick.js carousel来显示全屏图片库。我遇到的一个问题是，惰性加载器只使用img标签显示，所以我不能对它应用background-size:cover，我也不想使用js插件让它全屏显示。有谁有什么想法吗？
浏览 4提问于2015-07-22得票数 1
我有一个UICollectionView，当一个项目被选中时，我想让它全屏动画。因此，它将从单元格的大小过渡到全屏，并成为UIViewController。Pinterest和Evernote都有这样的行为，点击单元格会将单元格转换为全屏视图控制器。
有没有什么例子可以说明这一点呢？我已经搜索了几个项目，但没有找到任何关于将单元格转换为全屏视图控制器的说明。
Pinterest在这里讨论了它：
浏览 0提问于2014-04-07得票数 32
回答已采纳
我有一个绝对定位的div，我想让MediaElement.js用视频填充它。当用户调整窗口大小时，div的大小会发生变化，我希望视频也随之改变大小。
我试过，但如果我以这种方式调整视频大小后全屏显示，在flash或html5模式下，全屏版本将不再充满整个屏幕。它显示在左上角。
事实上，即使我根本不设置尺寸信息，并在flash中全屏显示，用户界面也会变得混乱:搜索栏与暂停/播放按钮重叠。
MediaElement.js是不一致和错误的地狱，但它是我能找到的最好的东西。它支持闪光灯全屏，不像Video.js。它比JWPlayer更容易定制和主题化，而且不会像JWPlayer那样，在我尝试搜索时跳回
浏览 3提问于2012-04-05得票数 7
如何在fotorama js滑块中设置取消全屏弹出后的第一张图片。
默认情况下，在取消全屏后，弹出窗口中的最后一个活动图像将作为主图像显示在滑块中。
我想得到第一个图像的滑块后取消弹出在fotorama js？
演示链接：这是fotoram js的演示链接
任何帮助都是经过加密的。
谢谢。
浏览 17提问于2016-07-22得票数 0
回答已采纳
1回答
我正在编写一个HTML/css/js程序来拖动一个视频来定位它，并用鼠标轮缩放它。该程序在浏览器屏幕上放大很好。但是，当我切换到全屏时，视频就会在缩放时从光标上爬上来。当进入全屏时，如何重置panzoom.js的坐标？
以下是链接：和
浏览 11提问于2015-05-10得票数 5
回答已采纳
我要发布chrome应用程序。我需要用全屏模式打开"“。
在我的manifest.json
{
"manifest_version": 2,
"name": "배드민턴 코트 예약시스템",
"description": "Badminton Court Reservation System",
"version": "0.44",
"icons": {
"128": "128.p
浏览 4提问于2016-02-03得票数 1
我遇到了一个非常有趣的跨浏览器HTML5/CSS问题:每当有一个带有-webkit-animation-fill-mode: both;的动画附加到一个包含HTML5 video元素的DIV时，这个视频不会在原生HTML5全屏模式下填满整个窗口，也就是说，全屏视频的大小将被限制在父元素尺寸。
描述可能会令人困惑，所以我创建了一个简化的示例：
(注意: jsFiddle根本不允许全屏模式，但它提供了对发生的事情的理解。要在启用全屏的情况下查看相同的代码，可以在此处打开它：)
我们尝试了几个JS视频播放器(video.js，flowplayer等)，所有播放器都存在这个问题，与任何特定的JS库无关
浏览 0提问于2013-12-26得票数 2
我只想在<video>不处于全屏模式时将样式应用于它。我的第一个想法是：
video:not(:fullscreen):not(:-webkit-full-screen):not(:-moz-full-screen):not(:-ms-fullscreen) {}
不幸的是，MDN 表示not()不能包含伪元素。
我想让浏览器的默认样式在全屏模式下接管，而我处理元素在非全屏中的定位。我确信在全屏中通过JS添加类是可能的，但是是否只有css才能这样做呢？
浏览 2提问于2014-09-14得票数 0
回答已采纳
1回答
我有一个反应(和材料UI)为基础的网页，其中包括一个巴比伦JS的3D视图。
我希望网页是响应性的(即适应不同的窗口大小)。
但我也希望用户能够在3D视图中点击巴比伦JS按钮(通过@babylonjs/gui/2D Button.CreateImageOnlyButton)，将3D视图带入全屏(并使UI的其余部分不可见)。(也可以在全屏模式下按下该按钮以退出全屏模式)
function MainWindow({root}) {
var desktopWidth = useMediaQuery('(min-width:1000px)');
var listWidth
浏览 16提问于2020-02-24得票数 1
回答已采纳
当YouTube视频转到全屏时，它相对于监视器而不是浏览器。
如何触发浏览器全屏模式以显示相对于JS监视器的网页？
浏览 3提问于2016-09-28得票数 0
回答已采纳
2回答
我的索引页有一些记录，其中每个记录都有一个或多个与其相关联的图像。
在“记录描述”下，有图像拇指列表。其中，onclick事件绑定到js函数，js函数在div showImage中以不同的高度复制该图像。
一切都很好。
现在，我需要使用lightbox在全屏幕模式下打开showImage div中的克隆图像。下面是我现在正在使用的代码(它可以工作，但没有全屏实现)
<script type="text/javascript">
function onPopUp() {
var imageObject = $("img.details&
浏览 1提问于2012-05-22得票数 0
回答已采纳
2回答
我有一个使用Bootstrap3的固定页眉和页脚的页面。下面的内容可以滚动。用户可以通过F11或按钮(使用全屏-API)启用全屏模式。这在Chrome和FF中很好，但是在IE11中有问题。F11的全屏工作总是很好的。但是，使用javascript切换全屏模式会使我的页面在使用IE11时以缩小的宽度和高度放置在顶部底部。我的页眉和页脚保持原样。
<body>
<header>Fixed</header>
<main>Scrollable</main>
<footer>Fixed</footer&
浏览 2提问于2015-11-06得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
