1回答
全屏视频是如何工作的？
video、html5-video、video.js
具体地说，我正在使用video.js将视频实现到网站中。该视频具有JS CSS触发器，可以在视频中的特定时间显示覆盖div元素(如YouTube注释)。
但是，在全屏模式下，这些元素将不会显示。我想尝试解决这个问题，但我甚至不知道全屏模式是如何工作的，也不知道如何在全屏模式下确保视频中的元素正确缩放。
浏览 2提问于2015-12-29得票数 1
1回答
在不处于全屏模式时将样式应用于<video>
html、css、video
我只想在<video>不处于全屏模式时将样式应用于它。fullscreen):not(:-webkit-full-screen):not(:-moz-full-screen):not(:-ms-fullscreen) {}
不幸的是，MDN 表示not()不能包含伪元素我想让浏览器的默认样式在全屏模式下接管，而我处理元素在非全屏中的定位。我确信在全屏中通过JS添加类是可能的，但是是否只有css才能这样做呢？
浏览 2提问于2014-09-14得票数 0
回答已采纳
1回答
IE11全屏在Iframe中不能正常工作
javascript、internet-explorer-11
我试着用bigscreen.js在IE11中实现全屏。通过一些技巧，它可以很好地工作。但它与嵌入在IFrame中的相同url不能很好地工作。我在IFrame中有视频和画布元素。视频元素成功全屏。但canvas、svg和其他一些元素不会进入全屏模式。这是IE11的已知问题吗？如果是这样的话，有没有什么方法可以让它工作。
谢谢。
浏览 0提问于2014-02-11得票数 0
3回答
在原生全屏模式下，HTML5视频不会最大化超出容器大小
css、html、html5-video、fullscreen
HTML5全屏模式下填满整个窗口，也就是说，全屏视频的大小将被限制在父元素尺寸。要在启用全屏的情况下查看相同的代码，可以在此处打开它：)
我们尝试了几个JS视频播放器(video.js，flowplayer等)，所有播放器都存在这个问题，与任何特定的JS库无关。在一个真实的网站上，我们观察到了z-index和其他页面元素的问题，即全屏模式根本不是全屏。还要注意的是，为了简单起见，示例中的动画是原始的。可能可以在<em
浏览 0提问于2013-12-26得票数 2
2回答
如何将HTML5全屏API应用于div背景图像
css、html、background、fullscreen
要将HTML5全屏APi应用于div的背景图像 <imgsrc="img/fullscreen.png" id="fullscreen-btn">我想点击fullscreen-btn背景图片的div bgimg ie home-1.jpg应该在<
浏览 4提问于2014-08-13得票数 0
1回答
NextJs最佳实践/将页面设置为全屏的位置
next.js
构建一个NextJS应用程序时，__next div将只与它所包含的元素一样高。如果我想在页面的底部添加一个全屏，页面需要是“全屏”的，例如height: 100vh
所以我的问题是:我应该在哪里应用这种全屏风格？在_app.js、_document.js还是其他地方？
浏览 4提问于2020-12-22得票数 0
1回答
多个元素的requestFullscreen
javascript、css、html、html5-fullscreen
你不想参与整个插件编码业务，所以你只需要将播放器放在一个容器中，并添加一个绝对定位的按钮，例如： <video class="video-js，这将仅在视频元素和视频元素上调用requestFullscreen。这意味着你的按钮或容器上的任何其他东西都不会处于全屏模式。
在webkit浏览器上，您可以通过设置等于或高于全屏模式下视频元素的z-index，使其他元素</
浏览 6提问于2015-02-28得票数 3
1回答
ie9中的mediaelement.js不是全屏
fullscreen、mediaelement.js
我使用的是mediaelement.js，问题是在IE9或ie10中点击视频播放器上的全屏按钮，它不知道在IE9或ie10下如何处理这个事件？
浏览 0提问于2013-12-30得票数 1
1回答
mediaelement.js安卓(chrome)，全屏按钮放错地方
android、google-chrome、mediaelement.js
我正在使用MediaElement.js制作一个响应式的web应用程序。然而，我有一些问题要让它在Android Chrome浏览器上工作(我有一台三星Galaxy S3)。当我试图打开一个视频时，全屏按钮被放错了地方:可能是“工具栏”元素太大了，最后一个按钮(即全屏)被放在下一行。即使在全屏模式下也会发生这种情况:全屏按钮消失了。在mediaelement.js网站上的演示视频中也可以看到同样的行为。
浏览 5提问于2013-06-15得票数 0
1回答
按键时使用Javascript输入和退出浏览器全屏视图
javascript
当用户按下f键时，我有一个元素要显示全屏。我的HTML helloMy JSdocument.onkeydown打开元素全屏正在工作。我的问题:每当全屏打开时，当用户按“f”键时，如何关闭全屏？我想我需要测试当前视图是否是全屏<
浏览 2提问于2019-05-30得票数 0
回答已采纳
1回答
全屏画布隐藏了div元素。
javascript、html、css、three.js
我目前正在从事一个360全景项目，使用panolens.js和three.js.Panolens有一个全屏模式，但问题是在进入全屏模式时，画布隐藏了我所有的div元素。我有一个文本元素，显示加载了哪个图像。我已经尝试过想出解决方案，比如在画布本身中创建文本，但这对我来说相当困难，因为画布使用WebGL上下文。我能得到一些帮助，或任何解决方案的建议吗？提前谢谢。
浏览 3提问于2021-04-08得票数 0
回答已采纳
1回答
Brightcove HTML5 Player全屏事件
javascript、html、html5-video、brightcove、video-player
我不得不使用浏览器的全屏事件来代替：我觉得这是一种黑客行为，因为Brightcove文档声明他们确实支持播放器全屏事件。此外，在浏览器全屏事件中，我不知道视频播放器是进入还是退出全屏模式。
Brightcove HTML5 player有没
浏览 5提问于2015-01-26得票数 3
2回答
位置元素完美地中心(不只是全屏幕)
javascript、html、css
所以，我需要把我的元素完美地定位到中心。它在全屏模式下正确显示，但是当它不处于全屏模式时，由于浏览器顶部(选项卡、URL栏等)，元素会被稍微向下移动。(这解释了为什么它的中心完美地与全屏)。
谢谢你的帮助！编辑：<body>
<img class="
浏览 2提问于2020-06-22得票数 0
回答已采纳
1回答
reveal.js :无法在视频元素上请求全屏(火狐，铬)
javascript、firefox、reveal.js
虽然我可以运行，根据按键将HTML5 video元素放入全屏，但reveal.js必须对按键执行不同的或异步的操作。我查看了reveal.js源代码，所有这些似乎都直接通过注册的keypress事件处理程序。使用直接注册处理程序(如document.addEventListener("keypress", handleKeyPress, false) )的工作也不起作用，因为reveal.js“阻塞”以前注册的事件我可以强迫FF允许我在任何情况下设置全屏吗？我怎么才能
浏览 0提问于2021-10-18得票数 0
1回答
webkitEnterFullScreen与requestFullscreen浏览器可用性
javascript、html、fullscreen、html5-fullscreen
我想创建一个视频元素，播放时自动全屏显示。根据我目前的理解，requestFullscreen可用于非iOS设备，而webkitEnterFullScreen可用于iOS设备。我决定使用这个页面检查上述方法在不同的移动浏览器上的可用性，该页面检查是否为视频元素定义了requestFullscreen和webkitEnterFullScreen： <!
浏览 269提问于2021-01-23得票数 0
3回答
嵌入式Youtube视频全屏或导致调整大小
javascript、jquery、video、youtube、fullscreen
我正在建立一个主页，自动重新定位的元素取决于窗口的宽度。问题是有一个元素"player“里面有一个YouTube视频。我希望用户能够全屏显示YouTube视频，但在他们单击全屏后，窗口大小调整被捕获，“播放器”元素被重新定位，这取消了全屏。$(window).resize(function() {
var player = $('.header-1
浏览 1提问于2014-05-21得票数 4
1回答
如何在全屏视频前定位元素
javascript、html、css
我试图在全屏视频前面放置html元素，但只有当元素不在全屏模式时才能工作。 </div> <button>Click</button> }const video = do
浏览 4提问于2022-09-14得票数 0
2回答
Google Chrome 28.0全屏API -不支持CSS 'width:100%‘
javascript、jquery、html、google-chrome
在Google Chrome27.0之前，我们能够在页面上显示640x480的图像(来自IP摄像头)，并且能够使用JS full screen API通过element.requestFullScreen("#myelement")使该元素全屏显示。从Google Chrome 28.0开始，全屏仍然可以使用，但“高度:100%”将不会超出图像的原始分辨率。因此，如果图像的高度是480像素，它不会拉伸到更大的高度。因此，我猜我们可以使用JS计算屏幕大小，然后动态更新宽度/高度
浏览 1提问于2013-07-24得票数 0
2回答
来自Reveal.js的JHipster全屏演示文稿
jhipster、reveal.js
我试图从一个reveal.js单页应用程序中显示一个JHipster演示文稿全屏。下面的reveal.js示例在JHipster内部运行良好，只是不是全屏。它可以通过创建第二个页面来实现全屏，但考虑到JHipster作为一个单一页面应用程序的设计，事情会变得杂乱无章，充斥着咕噜声和产品简介。我也尝试过隐藏应用程序菜单栏和页脚div元素，但显示演示文稿仍然有填充。理想情况下，全屏视图可以配置。
浏览 3提问于2016-02-12得票数 0
回答已采纳
1回答
内联-退出全屏-Chrome后，块变为块元素
javascript、html、css、google-chrome、fullscreen
我已经做了一个网站与内联块元素和一个按钮，使其中一个元素全屏。在google-chrome中退出全屏后，内联块将出现在两行中，类似于普通的块元素。:inline-block">lo</div> <button onclick="launchFullscreen('test')">launchFullscreen</button>
JSelement.m
浏览 0提问于2014-07-01得票数 1
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号