我有一个显示实时流视频的页面，但是当我在ios设备上打开该页面时，它会以全屏模式打开实时流，而当全屏模式退出时，活动流会暂停。我想要的实时视频流播放，而不打开它在全屏模式。
在video.js中，这就是我尝试过的：
html:
<video id="hls-player" controls autoPlay preload="auto" className='video-js vjs-default-skin vjs-big-play-centered'>
<source src="http://localh
浏览 5提问于2019-10-31得票数 0
回答已采纳
当用户按下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
回答已采纳
我在试着做定制控件。我把原著藏起来了
video::-webkit-media-controls {
display:none !important;
}
这是视频块的HTML
<div id="video-container">
<video width="400px" src="#" id="video"></video>
<div id="controls">
<div class="switch" id="p
浏览 2提问于2017-08-30得票数 1
回答已采纳
1回答
物化设计中的全屏模式
、、、
我用的是物化设计。我正在实施全屏模式。宽度用在全屏幕上，而高度没有在全屏幕上设置。我看到了一个链接，然后我想这样实现。如果任何插件和任何其他解决方案，那就让我知道。
$(document).ready(function(){
// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
$('.modal-trigger').leanModal();
});
<script src="https:/
浏览 4提问于2016-05-25得票数 1
我试着用这段代码在全屏打开html页面。但是我想在全屏上打开另一个页面，而不是iframe。(也就是说，如果我单击按钮而不是浏览器，则转到全屏并在同一个窗口打开www.google.com。)
这里是我的代码
<html>
<head>
<meta charset="UTF-8" />
<title>jQuery Fullscreen Plugin demo</title>
<script type="text/javascript" src="https://aj
浏览 2提问于2013-04-30得票数 0
回答已采纳
我有一个电话亭，我正在为一个会议做准备，它使用了27英寸的iMac，OSX Lion。浏览器是Chrome。我正在使用lightbox显示quicktime视频。我使用的Lightbox是fancybox。
当一个视频出现在lightbox中时，我已经将lightbox设置为“全屏”，这就是监视器的大小。但是QUICKTIME的内容并不是全屏的，它只是一个非常大的白色灯箱中的一个窗口。
当我用鼠标右键点击视频时，出现了一个全屏选项，这正是我想要的: QuickTime内容全屏显示，填满了整个27英寸的Mac屏幕，看起来非常漂亮。
我需要的是视频自动打开全屏，而不必右击它，因为这是一个会议，用户
浏览 2提问于2012-10-11得票数 1
回答已采纳
2回答
我希望在一个超文本标记语言应用程序中托管一些HTML5视频。在打开视频时，他们目前只是在一个页面内打开，默认情况下使用打开全屏选项的控件播放，有没有办法一打开页面就开始全屏播放？
<div class="video-container" data-tap-disable="true">
<div class="videotitle">{{product.title}}</div>
<div class="videoduration">Duration: {{product.durat
浏览 0提问于2016-03-21得票数 3
2回答
我正在使用fotorama js插件作为产品库。如何打开全屏模式时，点击主图像(不是缩略图)？我想让用户打开全屏模式，点击图像，而不是全屏图标在右上角。
这个答案不适用于我：
浏览 6提问于2017-02-27得票数 2
回答已采纳
我试着在我的页面上做简单的画廊。当打开web的gallery部分时，只有一些由src和href标签显示的图片：
echo '<div style="float:left; margin:5px;">
<a href="'.$link.'"><img src="'.$mini.'" title="clickclack.cz" alt="clickclack.cz" style="height:171px; border:2px so
浏览 2提问于2014-02-20得票数 0
而导出高图表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回答
我的索引页有一些记录，其中每个记录都有一个或多个与其相关联的图像。
在“记录描述”下，有图像拇指列表。其中，onclick事件绑定到js函数，js函数在div showImage中以不同的高度复制该图像。
一切都很好。
现在，我需要使用lightbox在全屏幕模式下打开showImage div中的克隆图像。下面是我现在正在使用的代码(它可以工作，但没有全屏实现)
<script type="text/javascript">
function onPopUp() {
var imageObject = $("img.details&
浏览 1提问于2012-05-22得票数 0
回答已采纳
2回答
页面加载打开模式
、、、
我正在使用animatedModal.js在我的页面上显示全屏模式。它工作正常，并通过单击按钮触发。
但是，我不需要它，我需要它自动打开一旦用户进入网站，也就是，它需要打开之前的主页内容。
这是标记：
<!-- MODAL STARTS -->
<a id="demo01" href="#animatedModal">DEMO01</a>
<div id="animatedModal">
<div class="close-animatedModal"&
浏览 0提问于2015-09-28得票数 2
回答已采纳
3回答
浏览器全屏引导模式问题
、、、
我有一个div，我在浏览器(requestFullScreen())中预览它。一切正常工作，但当我打开引导模式，它显示在全屏幕div (我的意思是全屏停留在模态)，但当我取消全屏，我看到模态。
有什么办法解决这个问题吗？
浏览 4提问于2014-01-08得票数 3
回答已采纳
代码在全屏中打开一个div/table。 我需要点击事件只适用于包含div，以便全屏效果只适用于有按钮的div (点击发生的地方)。 基本上，单击第二个表中的按钮"View fullscreen table“应该与第一个表中的按钮相同，只需修改JS脚本，而不是HTML。第二个按钮应该会打开第二个表。 https://codepen.io/MistaPrime/pen/jONeKZZ 如何通过这种方式修改点击事件？ var customFullscreen = document.getElementById("fullscreen-table")
lib
浏览 5提问于2019-09-19得票数 2
回答已采纳
我试图从一个reveal.js单页应用程序中显示一个JHipster演示文稿全屏。下面的reveal.js示例在JHipster内部运行良好，只是不是全屏。它可以通过创建第二个页面来实现全屏，但考虑到JHipster作为一个单一页面应用程序的设计，事情会变得杂乱无章，充斥着咕噜声和产品简介。我也尝试过隐藏应用程序菜单栏和页脚div元素，但显示演示文稿仍然有填充。理想情况下，全屏视图可以配置。
简单显示幻灯片
<div ng-cloak>
<div class="reveal">
<div class="slides"&g
浏览 3提问于2016-02-12得票数 0
回答已采纳
可以使用iPad上的safari元素类使用.webkitRequestFullScreen()在全屏中打开div (没有视频或音频元素)吗？(类似于以全屏模式打开覆盖工具栏的视频元素)。
或者，这是否只有在使用javascript调用objective-c函数时才有可能？
浏览 2提问于2011-08-27得票数 0
1回答
我试图创建一个链接，打开弹出视频时，点击。到目前为止我还能让它发挥作用。但是，我想知道是否有一种方法可以将HTML和JS代码组合到1中，这样，我就不必调用JS了。
<style>
.mfp-title {
position:absolute;
color: #FFF;
background: maroon;
}
</style>
<a class="video" title="Living the Mission, A Perspective from Residential Life Staff at Boston College&#
浏览 4提问于2015-03-26得票数 0
回答已采纳
我遇到了一个非常有趣的跨浏览器HTML5/CSS问题:每当有一个带有-webkit-animation-fill-mode: both;的动画附加到一个包含HTML5 video元素的DIV时，这个视频不会在原生HTML5全屏模式下填满整个窗口，也就是说，全屏视频的大小将被限制在父元素尺寸。
描述可能会令人困惑，所以我创建了一个简化的示例：
(注意: jsFiddle根本不允许全屏模式，但它提供了对发生的事情的理解。要在启用全屏的情况下查看相同的代码，可以在此处打开它：)
我们尝试了几个JS视频播放器(video.js，flowplayer等)，所有播放器都存在这个问题，与任何特定的JS库无关
浏览 0提问于2013-12-26得票数 2
1回答
仅在div中打开全屏模式
、、、
我正在使用这个
我有两个div，一个在另一个之上。我想知道如何打开我的全屏覆盖只在一个div和笔记在全屏谢谢
一开始我想使用top:50%，但是我的第一个div的高度是不固定的，
浏览 10提问于2016-09-18得票数 0
1回答
我有一个图例在地图里面，当地图不是全屏的时候工作的很好，但是当地图是全屏的时候，图例没有显示。
复制
复制行为的步骤：
打开地图，看到图例的存在并正常工作。
点击全屏图标
传说不存在
再次单击全屏图标以移除整个屏幕，现在图例已显示并正常工作。
期望行为
当全屏时，传说应该工作得很好。
截图
正常屏幕，工作正常：
全屏，没有显示传奇：
附加上下文
代码框上可用的代码示例。您应该打开另一个页面上的链接，以便能够看到全屏图标。
代码摘录：
<template>
<!-- MapBox map -->
<MglMap
浏览 3提问于2021-04-23得票数 2
回答已采纳
我正在使用MediaElement.js制作一个响应式的web应用程序。然而，我有一些问题要让它在Android Chrome浏览器上工作(我有一台三星Galaxy S3)。当我试图打开一个视频时，全屏按钮被放错了地方:可能是“工具栏”元素太大了，最后一个按钮(即全屏)被放在下一行。即使在全屏模式下也会发生这种情况:全屏按钮消失了。
在mediaelement.js网站上的演示视频中也可以看到同样的行为。
浏览 5提问于2013-06-15得票数 0
我有一个隐藏的<div>元素。在单击事件之后，元素将在全屏中打开。
当用户单击ESC以退出全屏时，我希望<div>自动返回到隐藏在常规视图中。
下面的代码允许ESC在普通视图中隐藏<div>，但在全屏模式下被忽略。这意味着需要2次单击ESC来隐藏<div>。第一次单击将按照正常浏览器功能退出全屏，并返回到<div>可见的普通视图。然后，需要再次单击ESC以触发要隐藏的<div>。
$(document).keyup(function(e) {
if (e.keyCode === 27) {
$('#Box
浏览 3提问于2022-01-29得票数 0
回答已采纳
我有一个全屏幕覆盖菜单。
.overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 70;
top: 0;
right: 0;
background-color:#415566;
overflow-y: hidden;
transition: 2.0s;
}
<div id="menuActive"><a href="javascript:void(0)" onclick="openNav()&#
浏览 5提问于2016-11-24得票数 0
回答已采纳
单击一个按钮时，我必须以全屏模式显示一个元素。这是可行的。但是，它不会在全屏模式下呈现模式对话框。这是因为此模式对话框是在另一个名为modal_root的div中添加的元素，并且此内容div不会在dom中呈现。如何确保此模式对话框也以全屏模式呈现？ 下面是代码， <body>
<div id="root">
<div class="content"></div>
</div>
</body> 在点击全屏按钮时，我调用下面的方法。 open_content_f
浏览 27提问于2019-05-09得票数 2
回答已采纳
构建一个NextJS应用程序时，__next div将只与它所包含的元素一样高。
如果我想在页面的底部添加一个全屏，页面需要是“全屏”的，例如height: 100vh
所以我的问题是:我应该在哪里应用这种全屏风格？在_app.js、_document.js还是其他地方？
我也在使用Material UI，以防有什么变化
浏览 4提问于2020-12-22得票数 0
1回答
我正在使用全屏在我的网页。
在我的页面中，我有一个按钮，它可以在点击时打开一个弹出窗口，在打开时，全屏会在chrome中退出，而在其他浏览器中则不会。
这背后的原因是什么？这个问题有什么解决办法吗？
这个例子取自github页面，它在我的本地系统上工作，但是这里的代码片段不起作用，对不起
$( document ).ready(function() {
// check native support
$('#support').text($.fullscreen.isNativelySupported() ? 'supports' : 'do
浏览 4提问于2016-05-27得票数 0
1回答
具体地说，我正在使用video.js将视频实现到网站中。该视频具有JS CSS触发器，可以在视频中的特定时间显示覆盖div元素(如YouTube注释)。
但是，在全屏模式下，这些元素将不会显示。我想尝试解决这个问题，但我甚至不知道全屏模式是如何工作的，也不知道如何在全屏模式下确保视频中的元素正确缩放。
浏览 2提问于2015-12-29得票数 1
我有一个绝对定位的div，我想让MediaElement.js用视频填充它。当用户调整窗口大小时，div的大小会发生变化，我希望视频也随之改变大小。
我试过，但如果我以这种方式调整视频大小后全屏显示，在flash或html5模式下，全屏版本将不再充满整个屏幕。它显示在左上角。
事实上，即使我根本不设置尺寸信息，并在flash中全屏显示，用户界面也会变得混乱:搜索栏与暂停/播放按钮重叠。
MediaElement.js是不一致和错误的地狱，但它是我能找到的最好的东西。它支持闪光灯全屏，不像Video.js。它比JWPlayer更容易定制和主题化，而且不会像JWPlayer那样，在我尝试搜索时跳回
浏览 3提问于2012-04-05得票数 7
我正在尝试使用AddThis来实现Facebook和Twitter的分享按钮，如下所示：
<div class="addthis_toolbox addthis_default_style addthis_16x16_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
...
<script type="text/javascript">
浏览 4提问于2013-04-15得票数 0
嗨，我有一个facebook选项卡，显示提供。优惠使用的ari图像滑块与核心joomla灯箱，以查看图像全屏。我正在使用facebook的自动调整大小功能来摆脱滚动条，它在firefox中工作得很好。在所有其他浏览器中，当我点击在lightbox中查看全屏时，画布的高度开始增加，图像不断向下移动。看起来，当图片打开时，facebook的自动调整大小功能只是不断增加高度，图片就会移动。下面是我的代码：
<div id="fb-root"></div>
<script src="https://connect.facebook.net/en_U
浏览 1提问于2012-06-10得票数 1
有没有人能用Video.js播放器创建一个全屏覆盖？我们正在寻找一种在视频上显示div的方法，并且即使在全屏模式下也可以使用。
浏览 1提问于2012-12-29得票数 2
我有一个全屏导航(最低全屏，景观它是超过100 is )。我想实现的是，如果你打开菜单，你只能在导航中滚动，但身体。我尝试过许多不同的方法，但都没有成功。我甚至尝试得到导航器的高度，然后将身体的高度设置为椭圆隐藏的高度，甚至无法将文件滚动到视口之外。
html
<nav id="nav-bar">
<div class="container">
<div id="upper-nav">
<a id="logo-wrapper" href=&#
浏览 0提问于2018-11-24得票数 0
回答已采纳
1回答
当点击聊天框中的图像时，如何在屏幕上全屏显示图像。
我试过当点击图像时，它不会在全屏幕上打开
就像下面我们想要的
$(document).on('click', '#im', function (){
$(".popphoto").toggle(function()
{
$(this).animate({width: "400px"}, 'slow');},
function()
{$(this).animate({width: "120px"}
浏览 2提问于2016-04-22得票数 1
回答已采纳
1回答
我正在使用云游戏来添加一个iframe，他们在iframe画布中有一个全屏选项来切换到全屏。有没有办法，当我们按下“全屏”按钮时，我就可以让它全屏显示？
HTML
<div>
<button id="trigger">Full Screen</button>
</div>
<section>
<iframe src="https://cloudgames.com/games/html5/soldiers-combat-new-en-s-iga-cloud/index.html?pub=10"
浏览 19提问于2018-08-14得票数 1
2回答
我刚接触到html/css，所以让我们谈谈重点。
我想创建一个全屏(宽度和高度)的网站，即使你调整浏览器的大小，或者当你使用智能手机/平板电脑打开网站时。我有2div(让我们只说它“顶部”和“底部”)，我只想要“顶部”的全屏幕宽度和高度。
<html>
<head></head
<body>
<div class="top">
<div>content 1</div>
<div>content 2</div>
<div>content 3&
浏览 2提问于2015-10-14得票数 0
回答已采纳
1回答
休眠模式打开播放HTML5视频
、、、、
我想在没有休眠模式的全屏模式下循环播放一段短视频，以打开任何移动设备。
我尝试了余辉播放器和video.js，但我总是遇到同样的问题，屏幕变暗，并根据手机的设置启用睡眠模式。当在播放器网站上播放视频时，它工作得很好，所以这是可能的，我肯定遗漏了什么。
这是余辉播放器的例子。
<script type="text/javascript" src="afterglow.min.js"></script>
<body>
<div id="videoContainer">
<video
浏览 0提问于2019-12-05得票数 0
1回答
我想通过点击一个按钮来全屏播放youtube视频。我目前有以下iframe
<div class="youtube-trailer">
<iframe class="youtube-player" type="text/html" src="http://www.youtube.com/embed/whatever" allowfullscreen frameborder="0"></iframe>
</div>
特别是在Safari Mobile上，当按下播
浏览 2提问于2013-05-27得票数 5
1回答
我有一个简单的HTML5视频播放器。我希望当用户点击该网站上的div时，这将打开视频到全屏。
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div class="top-video">
<video controls="" muted="" autoplay=&#
浏览 20提问于2020-05-19得票数 0
1回答
我想用CSS创建一个全屏窗口，我看过。
我的问题是我的全屏幕窗口很长，我在主页里有一个滚动条.是否有可能创建一个全屏窗口，使我只看到一个滚动条？(即打开全屏幕窗口时使用主滚动条)
function toggleWindow() {
$('.fullScreenWindow').toggleClass('show');
}
.fullScreenWindow {
display: none;
}
.fullScreenWindow.show {
background-color: lightgrey;
display: block;
po
浏览 3提问于2019-03-23得票数 2
回答已采纳
我制作了一些HTML幻灯片，最好在全屏模式下观看。 我想给用户一些提示，在他/她打开文档时切换全屏视图。 例如，一些文本，如“请按F11切换到全屏视图”在屏幕中央，可能在一个框或其他东西，然后消失后，用户遵循指南，将不会再次显示。 有没有办法通过在文档中添加一些js代码来做到这一点呢？ 我不想使用警告框或其他太突然的东西。
浏览 8提问于2019-09-28得票数 0
回答已采纳
1回答
点击内部时全屏幕模式关闭
、、、、
我有一个按钮，我想打开一个全屏部分，其中包含一些输入。
我尝试了引导程序的全屏模式如下：
.filter-modal {
background-color: #fff;
}
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min
浏览 1提问于2022-08-05得票数 0
回答已采纳
我想弹出一个不是全屏的对话框，也就是说，它“浮动”在打开它的页面之上。这是我正在尝试的：
<div data-role="page" id='Page1'>
<div data-role='button' id="Button1">Open Dialog</div>
</div>
<div data-role="dialog" id='Dialog'
style='width:200px; height:100px; to
浏览 2提问于2012-03-02得票数 5
回答已采纳
我正在使用Galleria在一个网站上建立我的画廊，它工作得很好，但我想把它带到下一个层次。
我想知道这里是否有人尝试过仅在全屏模式下创建Galleria实例。我想要一个按钮，以全屏模式打开一个画廊，当它被点击，当画廊关闭时，我想隐藏它。我试图使用jquery.hide()来隐藏galleria使用的父div，但首先，该图库仍然可见，其次，当我第二次单击该按钮以全屏打开它时，它抛出了一个错误。
是否有人成功地做到了这一点？
如果我说得不够清楚，请告诉我。
浏览 2提问于2011-08-02得票数 0
回答已采纳
当我在fancybox中使用jwplayer时，如何在jwplayer上获取全屏视频？现在我已经让fancybox打开了一个包含jwplayer嵌入的div，它工作得很好，视频在按下play等键时播放，所以这一切都很好。唯一的问题是，当我在视频上按全屏时，它会在浏览器和facybox弹出窗口后面播放全屏视频，所以我看不到它。我需要把全屏对准焦点。我注意到fancybox使用了很多z索引值，这是导致它的原因吗？
任何帮助都将不胜感激，谢谢。
浏览 0提问于2012-01-07得票数 6
回答已采纳
我正在尝试实现一个按钮，这将使页面成为全屏。
单击该按钮时，页面会转到全屏，但只需要一秒的，然后它就会弹回原来的。浏览器控制台中没有错误(通过Chrome)。
这是我的JS代码：
function enterFullscreen() {
var elem = document.getElementById('parent');
if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
else {
浏览 4提问于2019-11-13得票数 0
我无法在全屏上显示图像，也无法返回到画廊图像。用Javascript.I可以做到这一点吗?我尝试了很多方法来用全屏显示图像，但我没有成功，我可以在同一个页面上显示图像，但不能用全屏显示。如何用全屏显示，如何包括一个按钮，以回到我的画廊。我在jquery中遇到了许多解决方案。这能用Js做吗？请帮我回答这个问题。
index.html
<div class="image-gallery-items">
<div class="image-gallery-item">
<a href="#"
浏览 0提问于2020-06-19得票数 0
2回答
当div更改时，我试图更改包含图像的文件夹。我使用媒体查询来更改页面加载时的div。然后，我需要jquery检查div设置为什么大小，然后相应地更改图像文件夹。因此，例如，如果我的div的最大宽度为700 do，我希望jquery将字符串从照片/移动/更改为摄影/全屏/全屏/原来的字符串是摄影/全屏/stage.jpg，但我不希望整条字符串发生变化，只想改变单词全屏、移动或平板。我对css很满意，但我的jquery很糟糕，因为我目前正在学习！
下面是代码，但是jquery没有工作，因为当媒体查询时，图像不会改变：
<!DOCTYPE html>
<html>
浏览 3提问于2014-03-25得票数 0
回答已采纳
我想知道是否还有其他人对textillate函数有问题，在javascript控制台中出现了这个错误。
我检查了我的源代码，我的文件被正确链接，我正在使用来自另一个站点的演示，但是我仍然被这个错误困住了
$(document).ready(function() {
$('.tlt').textillate({
in: {
shuffle: false,
sync: true
},
out: {
effect: 'fadeOutRightBig&#
浏览 4提问于2015-03-05得票数 2
回答已采纳
1回答
我有一个全屏切换按钮，用于我正在处理的一个web应用程序，但是当我打开全屏，然后再次关闭时，它会重置用户在页面上的位置。 这是相当不和谐的，因为将视区位置重置到网页顶部会切断用户对应用程序的访问，需要用户向下滚动。 如何通过全屏切换来修改我的全屏切换按钮以保持用户在页面上的位置？ const application = document.querySelector(".application");
function toggleFullscreen(elem) {
elem = elem || document.documentElement;
if (!doc
浏览 11提问于2019-05-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
