我只想在<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回答
奇怪的问题！
我想知道网站是否可以采取任何行动让用户的屏幕保护程序消失。
我想创建一个闹钟网站，但有很好的视觉效果，我希望我能让用户离开他们的屏幕保护程序。
有什么动作能唤醒电脑吗？比如，我不知道，让网站全屏幕化，移动窗口..。还是屏幕保护程序只在键盘/鼠标事件中单独保留？
我读到你不能用JS：与屏幕保护程序交互
但我希望像网站全屏这样的东西能唤醒电脑。
浏览 1提问于2013-09-10得票数 0
回答已采纳
我正在尝试使用这个项目中的示例在安卓的WebView中加载视频地址：https://github.com/hanksudo/android-webview-youtube-fullscreen 问题是永远不会调用onShowCustomView方法。每当我点击视频的full screen按钮时，我都会得到这样的错误： I/chromium: [INFO:CONSOLE(0)] "Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user
浏览 110提问于2019-03-21得票数 8
回答已采纳
我一直在使用video.js在模式窗口中显示内容，如下所示：
点击"Clicca qui per visionare il video della recita!“按钮。
所以，问题来了:视频运行得很好，但全屏按钮只会让视频充满模式窗口，所以基本上什么都不会发生，或者大小会根据浏览器的不同而略有变化。
现在我在想，有没有办法强制视频全屏显示？否则，我想我将不得不移除按钮。
浏览 3提问于2013-01-14得票数 1
1回答
具体地说，我正在使用video.js将视频实现到网站中。该视频具有JS CSS触发器，可以在视频中的特定时间显示覆盖div元素(如YouTube注释)。
但是，在全屏模式下，这些元素将不会显示。我想尝试解决这个问题，但我甚至不知道全屏模式是如何工作的，也不知道如何在全屏模式下确保视频中的元素正确缩放。
浏览 2提问于2015-12-29得票数 1
当YouTube视频转到全屏时，它相对于监视器而不是浏览器。
如何触发浏览器全屏模式以显示相对于JS监视器的网页？
浏览 3提问于2016-09-28得票数 0
回答已采纳
我正在使用Mapbox进行一个天气可视化项目(3个窗格被锁在一起，其中一个用于导航，在您看到链接之前很难解释)。
在我继续之前，我将发布一个链接到我正在讨论的web应用程序，这样你就可以看到它了。我的代码乱七八糟，我知道这一点，但我相信这是一个浏览器问题。
在Edge和Firefox中，全屏和导航按钮可以正常工作。在Chrome中，它们不工作..。全屏按钮会让浏览器卡住，直到你按下“转义”(而且无论如何都不会正确地呈现！)。事实上，chrome甚至根本不显示导航按钮。
有没有一种方法可以让这些按钮像firefox和edge那样显示和工作呢？或者，也许是备用按钮？我附上了一个屏幕截图的页面应该
浏览 1提问于2018-07-29得票数 0
回答已采纳
我的要求是，在我的网站上点击一个按钮，它应该去全屏工作使用safari，chrome和火狐的全屏api，但不是在I.E..Is中有什么适当的方式，我可以触发全屏在i.e.9和i.e.10？我还使用了中提到的全屏接口，它告诉我使用"msRequestFullscreen“。但在i.e.11中，它会让我的网站在全屏显示时被裁剪。这个作物问题有什么解决方案吗？
浏览 5提问于2015-08-10得票数 2
在IE8上用MediaElement.js查看视频时。点击Full screen按钮不会使视频全屏。(在mediaelementjs.com上也试过了)。但是点击标题“全屏”就可以了。这是不是一个不在位置的代码？
浏览 1提问于2013-06-10得票数 0
1回答
我需要嵌入具有以下属性的YouTube播放器：
绝不能允许用户前进或后退(没有进度条)，必须能够访问播放器事件(播放机消失，视频结束时显示消息)，必须能够全屏运行，并在用户请求下恢复正常。
我本来希望JS可以让我轻松地做到这一点，但很明显，Flash安全性使它变得如此，因此用户必须单击flash元素本身的某个地方，才能使用Flash全屏。
作为解决办法，现在我正在使用HTML5全屏API，如下所示：
但这会引起跨浏览器的恐慌，甚至似乎会扰乱我的播放器事件(视频停止播放，回到我requestFullScreen时的开始)。我可以再试着用这个角度，但我祈祷有一个更简单的方法。
如果有办法定制嵌入式
浏览 4提问于2012-05-02得票数 1
我必须将html5视频播放器设为全屏。我已经使用了全屏API方法。但这在chrome或IOS设备的safari中不起作用，在android和windows浏览器中也能起作用。我有更好的选择让它在IOS浏览器中工作。
浏览 1提问于2020-10-01得票数 0
视屏播放，点击调用fullscreen方法，安卓内自动横屏全屏，ios内还是竖屏全屏，请问可以让ios也表现为横屏全屏吗
浏览 2840提问于2019-01-17
我正在做一些需要网页才能全屏显示的东西。屏幕必须变得完全白色。
有没有什么办法可以让我不用闪光灯或silverlight就能做到这一点？提前感谢
编辑:我不想强迫任何人全屏显示，这将主要由几个人使用。即便如此，我还是会就如何进入和退出全屏给出适当的反馈。
浏览 15提问于2008-11-15得票数 3
回答已采纳
我有一个一页的引导主题，问题是，我嵌入vimeo视频时，我点击全屏按钮，然后屏幕进入全屏幕，但不是全屏幕，这让一些右侧。
浏览 2提问于2016-10-13得票数 1
回答已采纳
我正在使用MediaElement.js制作一个响应式的web应用程序。然而，我有一些问题要让它在Android Chrome浏览器上工作(我有一台三星Galaxy S3)。当我试图打开一个视频时，全屏按钮被放错了地方:可能是“工具栏”元素太大了，最后一个按钮(即全屏)被放在下一行。即使在全屏模式下也会发生这种情况:全屏按钮消失了。
在mediaelement.js网站上的演示视频中也可以看到同样的行为。
浏览 5提问于2013-06-15得票数 0
我已经做了一个应用程序，可以加载，播放和停止视频。它可以使用以下代码请求全屏：
if (this.video.requestFullScreen) {
this.video.requestFullScreen();
} else if (this.video.webkitRequestFullScreen) {
this.video.webkitRequestFullScreen();
} else if (this.video.mozRequestFullScreen) {
浏览 17提问于2021-05-30得票数 0
回答已采纳
1回答
我有一个网站，其中有一个选项，使其全屏。下面是让它全屏显示的代码： <script>
addEventListener("click", function() {
var
el = document.documentElement
, rfs =
el.requestFullScreen
|| el.webkitRequestFullScreen
|| el.mozRequestFullScreen
;
rfs.call
浏览 13提问于2020-10-01得票数 2
回答已采纳
我有一个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
2回答
IE 11在这篇文章中才发布了一天。我无法让元素全屏显示(div或document)
msRequestFullscreen将出现错误'object not support this...)
但是，上面的msdn示例将在传递目标makeFullScreen(evt.target)时起作用。我可以让div像下面的jquery代码那样全屏显示吗？
var xxx = $('#container');
xxx.msRequestFullscreen();
或者更好:单击一个按钮，然后让div或整个文档全屏显示？现在的情况是，当你点击一个按钮时，这个按钮就会全屏显示。
浏览 2提问于2013-06-28得票数 0
我想让浏览器在我的页面加载后立即全屏显示。有没有可能用javascript。我知道此F11的快捷键，但要求仅在页面加载时使用。
在阅读下面提供的解决方案后。我实现了全屏显示，但这里有个陷阱。我使用计时器进行页面回发，每隔5秒获取一次最新数据。在这里，我发现每隔5秒就会有新的窗口打开，但我希望全屏只显示一次，下次内容刷新时就会自动刷新。
浏览 1提问于2010-09-14得票数 1
回答已采纳
我有一个绝对定位的div，我想让MediaElement.js用视频填充它。当用户调整窗口大小时，div的大小会发生变化，我希望视频也随之改变大小。
我试过，但如果我以这种方式调整视频大小后全屏显示，在flash或html5模式下，全屏版本将不再充满整个屏幕。它显示在左上角。
事实上，即使我根本不设置尺寸信息，并在flash中全屏显示，用户界面也会变得混乱:搜索栏与暂停/播放按钮重叠。
MediaElement.js是不一致和错误的地狱，但它是我能找到的最好的东西。它支持闪光灯全屏，不像Video.js。它比JWPlayer更容易定制和主题化，而且不会像JWPlayer那样，在我尝试搜索时跳回
浏览 3提问于2012-04-05得票数 7
我正在开发一个使用的。
我的主要目标是让它在iOS设备上全屏运行，最新版本是主要目标。让它变成全屏，我的意思是去掉丑陋的顶部和底部的酒吧，正如你可以在这张图片上看到的，这些条占据了超过25%的空间。
我尝试过，但当然除了safari iOS之外，所有浏览器都是兼容的。
我也尝试过在上找到的所有技巧，比如包括“苹果-移动-网络应用-应用程序”，但似乎什么都不管用。
浏览 6提问于2015-04-22得票数 0
回答已采纳
我用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回答
iPad全屏模式允许浏览
、、、
我想使用apple-mobile-web-app-capable，让用户浏览一个网站像一个亭，没有导航栏和页面全屏。
这个操作很好，直到单击一个链接，然后打开Safari。
有没有办法使用这种全屏模式并允许点击链接而不被带到Safari?
浏览 1提问于2013-08-06得票数 1
我有一系列的页面，有“下一步”和“后退”按钮。我希望用户能够全屏通过整个流程。Fullscreen适用于单独的页面，但当用户返回或前进我的流程中的页面时，Fullscreen将退出。
我的全屏功能：
var el = document.documentElement, rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen;
rfs.call(el);
当用户四处导航时，有没有办法让浏览器保持全屏显示？
谢谢!
浏览 1提问于2013-07-23得票数 9
回答已采纳
1回答
我想运行一个在线实验，我将全屏显示非常短的视频(500ms，~50Kb)。然后让观察者点击2个按钮中的1个来收集答案，然后播放下一个视频(总共50-100个视频)。因此，我知道我可以通过要求参与者请求，在HTML5中全屏显示视频(据我所知，我不能自动这样做)。然而，对我来说，重要的是实验在整个持续时间(5-10分钟)内保持全屏，包括在响应部分，其中它不是一个视频，而是一个简单的html页面，上面有两个按钮。我不希望参与者必须在每个视频上都要求全屏显示。原则上这是可能的吗？我想我需要在视频和响应屏幕之间切换页面，刷新会让窗口闪烁吗？理想情况下，参与者不会注意到这一点。最后，有没有办法确保参与者保
浏览 17提问于2017-01-21得票数 0
2回答
沙卡-播放机全屏启动
、、、、
上下文：，目前，我正在做一个演示项目，目的是找出沙卡-播放器是否是我们未来可行的选择。出于项目的目的，我无法使用标准控件，因为我们使用自定义控件。该项目正在Reactjs开发。
问题：如何让沙卡-播放器从全屏开始，而不用标准的“控制-全屏”方式？
提前感谢！
浏览 7提问于2019-10-11得票数 1
回答已采纳
1回答
在全屏立体视图中浏览VR网站
、、、、
我正在创建一个虚拟现实网站，想知道如何让访问者从一个VR网站(A)以全屏立体视图浏览到另一个VR网站(B)，而不退出全屏立体视图？这有可能吗？这就是我想象的“虚拟现实”网络的样子，但我可能错了。谢谢。
浏览 18提问于2016-08-22得票数 0
回答已采纳
我遇到了一个非常有趣的跨浏览器HTML5/CSS问题:每当有一个带有-webkit-animation-fill-mode: both;的动画附加到一个包含HTML5 video元素的DIV时，这个视频不会在原生HTML5全屏模式下填满整个窗口，也就是说，全屏视频的大小将被限制在父元素尺寸。
描述可能会令人困惑，所以我创建了一个简化的示例：
(注意: jsFiddle根本不允许全屏模式，但它提供了对发生的事情的理解。要在启用全屏的情况下查看相同的代码，可以在此处打开它：)
我们尝试了几个JS视频播放器(video.js，flowplayer等)，所有播放器都存在这个问题，与任何特定的JS库无关
浏览 0提问于2013-12-26得票数 2
1回答
我在video.js和video-js.css中都使用4.1.0。我可以在chrome中看到控制栏，但看不到IE8或IE9。我看到一个进度条和时间，但没有播放/暂停、音量控制或全屏图标。
我的视频标签是这样的：
<video id="myMovie" class="video-js vjs-default-skin" controls preload="auto" autobuffer width="800" height="480" ></video>
浏览 3提问于2013-08-09得票数 0
2回答
我正在使用fotorama js插件作为产品库。如何打开全屏模式时，点击主图像(不是缩略图)？我想让用户打开全屏模式，点击图像，而不是全屏图标在右上角。
这个答案不适用于我：
浏览 6提问于2017-02-27得票数 2
回答已采纳
3回答
我最近开始在制作全屏视频时得到这个问题。
所以有两件事经常发生。
该视频尝试全屏并失败，并重新切换到窗口。
或者它成功了，视频在两个监视器的整个长度上都是全屏的。
我想让它在其中一个显示器上全屏，最好是我的主显示器。现在，它认为该系统是一个巨大的监视器，是无用的。
所以我不清楚我在说的是youtube，vimeo，浏览器中基于闪光灯的视频。
我很感谢你的帮助。
谢谢。
浏览 0提问于2012-07-09得票数 1
回答已采纳
可能重复：
我正在开发一个使用Kinetic.js的纸牌游戏，目前我正在探索一个机会，允许游戏的“窗口”和全屏模式。如果用户选择全屏模式播放，JS应该能够为卡片生成(或加载)更大的图像。
最好先加载SVG图像，然后在客户计算机上生成所需大小的光栅化图像。只使用JavaScript就行了吗？
浏览 5提问于2012-12-06得票数 0
我正在考虑制作一款游戏，但这需要始终保持全屏模式。您只能在输入密码时退出全屏模式。按Esc或切换fullscreen键不应退出全屏模式。我不能透露更多细节，但它涉及到让一个人与页面内容进行交互，直到另一个知道密码的人停止交互。
编辑:我知道它对用户不友好，但它是有特殊用途的。它就在那里，让孩子们与之互动，让他们单独在一起。如果他们从浏览器中逃脱，他们将能够篡改电脑上的其他东西，这也是我不希望他们做的。
浏览 0提问于2012-12-17得票数 1
回答已采纳
我试图在已经全屏模式下使用javascript重定向到一个新的url，但是redirect currenlt退出了我不想要的全屏模式。我是否使用了错误的JS代码？
window.location.href = demo_url;
或
window.location = demo_url;
浏览 3提问于2013-01-30得票数 4
回答已采纳
1回答
我正在尝试使用fullscreen API打开一个新页面(具有不同的布局)。当用户点击开放课程链接时，正确的页面/布局将以全屏模式打开。
我使用这个函数来触发全屏模式：
// Find the right method, call on correct element
function launchIntoFullscreen(element) {
if(element.requestFullscreen) {
element.requestFullscreen();
} else if(element.mozRequestFullScreen) {
element.m
浏览 14提问于2016-08-14得票数 0
回答已采纳
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
我知道如何使用webbrowser模块从python打开程序。
我的问题是:如何让它打开全屏？
目前我有这样的代码：
import webbrowser
webbrowser.open("file.txt")
但它仍然打开，恢复下来。
请帮帮我！
浏览 3提问于2017-04-19得票数 1
我正在尝试让我的SWF文件在全屏模式下运行。我被告知使用以下命令，但它似乎不起作用：
stage.displayState = StageDisplayState.FULL_SCREEN;
有谁有线索吗？
浏览 1提问于2014-03-22得票数 0
我有一个在WebGL中运行的unity游戏，我想让它在点击按钮后全屏运行。 它可以在笔记本电脑和Android手机的google chrome上运行，但在三星手机的默认网页浏览器上却不能正常工作。 function fullscreen(){
$(".fullscreenDiv").fadeOut("1000");
let elem = document.getElementById("webGL");
if (elem.requestFullscreen) {
elem.requestFul
浏览 68提问于2019-06-10得票数 1
2回答
你有什么想法让页面中的元素全屏显示吗？
例如，div或img？
说到“全屏”，我的意思是它应该占据用户屏幕的所有空间，就像我们用全屏模式观看视频一样。我不想显示浏览器窗口的任务栏/菜单栏。
有什么想法吗？
div.fullscreen{
display:block;
/*set the div in the top-left corner of the screen*/
position:absolute;
top:0;
left:0;
/*set the width and height to 100% of the screen*/
浏览 0提问于2011-03-04得票数 3
回答已采纳
我用facebook的fullscreen API尝试了一些东西，但它似乎不能在一个HTML5的元素中工作(我试着在facebook上使用它，最后得到了这个结论)。
有没有人知道让它在iframe上也能工作的方法？这本质上是因为我想在facebook应用程序中使用全屏，这样我就可以在不使用flash的情况下拥有真正的全屏。
浏览 0提问于2012-11-29得票数 1
回答已采纳
在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
根据的说法，谷歌Chrome15有一个全屏JavaScript应用程序接口。
我试过让它工作，但失败了。我还搜索了官方文件，但都是徒劳的。
全屏JavaScript API是什么样子的？
浏览 0提问于2011-10-20得票数 70
回答已采纳
我读了很多关于这个主题的文章，但没有找到具体的答案:有没有可能在互联网浏览器上触发F11，或者以某种方式让浏览器进入全屏状态？有很多变通方法，但没有一个是真正的全屏。谢谢
浏览 0提问于2012-05-28得票数 1
我使用具有内置延迟加载功能的slick.js carousel来显示全屏图片库。我遇到的一个问题是，惰性加载器只使用img标签显示，所以我不能对它应用background-size:cover，我也不想使用js插件让它全屏显示。有谁有什么想法吗？
浏览 4提问于2015-07-22得票数 1
以下问题:在我的代码中，我通过单击列表中的图像进入全屏模式。我通过jQuery将“下一步”按钮和“上一步”按钮移动到屏幕边缘。但在离开全屏模式后，我希望它们回到原来的位置。但是，我如何检测全屏模式是否已被取消？
下面是我的代码: HTML：
<div id="slider-control-left"><span id="slider-prev"></span></div>
<div id="slider">
<ul class="bxslider">
浏览 2提问于2013-12-03得票数 5
回答已采纳
2回答
我正在开发一个基于网络的数据库，需要通过火狐网络浏览器打开(因为一些css3元素)。我想让页面在全屏模式下自动打开。我不想让数据库的用户访问firefox菜单项
浏览 0提问于2012-09-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
