fullscreen 相关问题

全屏对象占据整个屏幕。

使用键盘在全屏模式下交换 2 个视频

我有一组使用键盘控制的视频。 “F”切换全屏模式,左右切换 html 包装器内的视频。 我一切正常......

回答 0 投票 0

jquery中点击按钮如何实现放大缩小

当我们点击按钮时,页面应该全屏显示,当再次点击同一个按钮时,页面应该以正常模式显示。 实际上,我想要与 Adobe Indesign 缩放功能相同的功能。

回答 1 投票 0

How to make a window fullscreen in a secondary display with tkinter?

我知道如何在“主”显示器中全屏显示窗口,但即使将我的应用程序窗口移动到连接到我的 PC 的辅助显示器,当我调用时: self.master.attributes('-fullscreen', Tru...

回答 5 投票 0

PhpStorm:如何退出全屏?

首先,我是 Ctrl + Shift + A 的重度用户。 我已经在 Ubuntu 上的 PhpStorm 上进入全屏模式。当我试图退出时,我输入了“全屏”和一个名为“查看:切换全屏”的选项......

回答 1 投票 0

在 ngx-owl-carousel-o 中,我的 Angular 应用程序中的嵌入式视频自动退出全屏模式

我正在使用轮播包(ngx-owl-carousel-o)制作视频轮播在我的 component.html 文件中有以下代码: 我正在使用轮播包(ngx-owl-carousel-o)制作视频轮播在我的 component.html 文件中有以下代码: <div class="containers" style="width: 90%; margin: 0 auto; text-align: center;" allowfullscreen="true"> <owl-carousel-o [options]="customOptions" allowfullscreen="true"> <ng-template carouselSlide allowfullscreen="true"> <div class="policy-card" style="padding-top: 20px; padding-bottom: 10px; margin-top: 10px; background: white;" allowfullscreen="true"> <div class="policy-img" style="width: 90%; height: 90%; margin:auto; overflow: hidden;" allowfullscreen="true"> <div class="embed-responsive embed-responsive-16by9" allowfullscreen="true"> <video width="500px" height="500px" class="embed-responsive-item" controls="true"> <source src="assets/demo_rel5.mp4" type="video/mp4" ></video> </div> </div> <h2 style="margin-top:10px; margin-bottom: 0px;"> lorem</h2> </div> </ng-template> <ng-template carouselSlide><div class="policy-card" style="padding-top: 20px; padding-bottom: 10px; margin-top: 10px; background: white;"> <div class="policy-img" style="width: 90%; height: 90%; margin:auto; overflow: hidden;"> <div class="embed-responsive embed-responsive-16by9"> <video class="embed-responsive-item" controls="true" src="assets/demo_rel5.mp4" allowfullscreen ></video> </div> </div> <h2 style="margin-top:10px; margin-bottom: 0px;"> lorem</h2> </div></ng-template> <ng-template carouselSlide><div class="policy-card" style="padding-top: 20px; padding-bottom: 10px; margin-top: 10px; background: white;"> <div class="policy-img" style="width: 90%; height: 90%; margin:auto; overflow: hidden;"> <div class="embed-responsive embed-responsive-16by9"> <video class="embed-responsive-item" controls="true" src="assets/demo_rel5.mp4" allowfullscreen ></video> </div> </div> <h2 style="margin-top:10px; margin-bottom: 0px;"> lorem</h2> </div></ng-template> <ng-template carouselSlide><div class="policy-card" style="padding-top: 20px; padding-bottom: 10px; margin-top: 10px; background: white;"> <div class="policy-img" style="width: 90%; height: 90%; margin:auto; overflow: hidden;"> <div class="embed-responsive embed-responsive-16by9"> <video class="embed-responsive-item" controls="true" src="assets/demo_rel5.mp4" allowfullscreen ></video> </div> </div> <h2 style="margin-top:10px; margin-bottom: 0px;"> lorem</h2> </div></ng-template> </owl-carousel-o> </div> 我的应用程序是旧的并且是用 Angular 7 制作的,所以我使用的是这个轮播的版本 1.2.1. 我在 component.ts 文件中有以下代码: customOptions: any = { loop: true, mouseDrag: true, touchDrag: true, pullDrag: true, dots: false, video:true, navSpeed: 700, navText: ['<i class="fa fa-caret-left"></i>', '<i class="fa fa-caret-right"></i>'], responsive: { 0: { items: 1 }, 400: { items: 2 }, 740: { items: 3 }, 940: { items: 3 } }, nav: true } 旋转木马工作正常,除了当我点击任何视频的全屏时,它进入全屏大约半秒并立即退出全屏模式。 我之前只在视频标签中使用了 allowfullscreen,但为了解决这个问题,我在所有父标签中添加了 allowfullscreen。然而,没有任何帮助。我也尝试更换allowfullscreen 和 allowfullscreen="true" 您也可以在我当前的代码中看到它,但它不起作用

回答 0 投票 0

如何从隐藏的 div 切换全屏?

我有一个按钮可以在 div 全屏中打开文档,问题是我希望 div 在全屏显示之前被隐藏。 如果我真的隐藏了 div,我就看不到我的内容(...

回答 0 投票 0

使 div 在 iframe 内全屏显示

我有如下的html: 欢迎。 #文档 <htm...</desc> <question vote="1"> <p>我有如下的html:</p> <pre><code>&lt;html&gt; &lt;body&gt; &lt;div&gt;Welcome.&lt;/div&gt; &lt;iframe src=&#39;otherpagecontent&#39; width=&#39;594&#39; height=&#39;334&#39;&gt; #docuemnt &lt;html&gt; &lt;body&gt; &lt;div style=&#39;color:yellow&#39;&gt; This should not show in fullscreen. &lt;/div&gt; &lt;div style=&#39;color:yellow&#39;&gt; This should not show in fullscreen. &lt;/div&gt; &lt;div id=&#39;fullscreen&#39; style=&#39;color:blue;&#39;&gt; This should go fullscreen only. &lt;/div&gt; &lt;div style=&#39;color:red&#39;&gt; This should not show in fullscreen. &lt;/div&gt; &lt;div style=&#39;color:red&#39;&gt; This should not show in fullscreen. &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; &lt;/iframe&gt; &lt;iframe src=&#39;differentpage&#39;&gt; #docuemnt &lt;button onclick=&#34;launchFullscreen(document.getelementByID(&#39;fullscreen&#39;));&#34;&gt;Launch Fullscreen&lt;/button&gt; &lt;/iframe&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>在 JS 中:</p> <pre><code>this.launchFullscreen= function (element) { var requestFullScreen = (element.requestFullScreen || element.mozRequestFullScreen || element.webkitRequestFullScreen || element.msRequestFullscreen); requestFullScreen.apply(element); } </code></pre> <p>结果<pre><code>Request for fullscreen was denied because of FeaturePolicy directives.</code></pre></p> <p>我怎样才能让这个<pre><code>&lt;div id=&#39;fullscreen&#39;&gt;</code></pre>全屏显示? 我应该为这个<pre><code>&lt;div&gt;</code></pre>更改CSS,还是从其他地方绑定请求?</p> <p>PS:这在 Chrome 上工作正常,但在 Firefox 上出现问题。</p> </question> <answer tick="false" vote="2"> <p>是的,你应该为此使用 CSS。 您不能通过 <strong>F11</strong> 强制用户进入全屏;但是,您可以使用以下 CSS 使您的 div 全屏显示</p> <pre><code>div {width: 100%; height: 100%;} </code></pre> <p>这当然会假设你的 div 是标签的孩子。否则,除了上述代码之外,您还需要添加以下内容。</p> <pre><code>div {position: absolute; top: 0; left: 0;} </code></pre> <p>来自:<a href="https://stackoverflow.com/questions/7130397/how-do-i-make-a-div-full-screen">如何让div全屏?</a></p> </answer> <answer tick="false" vote="1"> <p>你可以试试这个</p> <pre><code>&lt;iframe src=&#34;myurl.in&#34; frameborder=&#34;0&#34; marginheight=&#34;0&#34; marginwidth=&#34;0&#34; width=&#34;100%&#34; height=&#34;100%&#34; scrolling=&#34;auto&#34;&gt;&lt;/iframe &gt; </code></pre> <p>来自:<a href="https://www.geeksforgeeks.org/how-to-set-fullscreen-iframe/" rel="nofollow noreferrer">https://www.geeksforgeeks.org/how-to-set-fullscreen-iframe/</a></p> </answer> </body></html>

回答 0 投票 0

我可以在不隐藏标题栏的情况下最大化 pygame 窗口吗?

我目前正在用pygame编写一个小游戏。有什么方法可以将 pygame 窗口设置为屏幕的最大尺寸,但仍然可以通过标题栏关闭窗口?我愿意...

回答 1 投票 0

虚拟机不显示 ubuntu iso 的全屏 [关闭]

我在我的电脑上使用虚拟机,但是当我在没有显示全屏的虚拟机中安装 ubuntu 的 iso 时。 我什么也没尝试,但我想要解决方案。

回答 1 投票 0

Windows-10-IOT QT-C++/QML App Fullscreen Gui 当显示器重新打开时冻结

问题: 在没有键盘的触摸屏上,我在 Windows 10 IOT 上运行的 QT C++/QML 应用程序具有全屏 GUI“冻结”,当显示器打开时(在用户触发触摸屏后...

回答 1 投票 0

如何让始终在顶部窗口运行全屏游戏? [关闭]

嘿,我知道这个问题之前被问过很多,但我看了很多, 想询问关于什么是可能的总结。 我试过 [DllImport("user32.dll")] 不起作用。 通过游戏我的意思是......

回答 0 投票 0

选择特定显示器以使用 gtk 进入全屏

我打算更改显示全屏窗口的显示器。 这在连接投影仪时尤其有趣。 我试过使用 fullscreen_on_monitor 但这不会产生...

回答 2 投票 0

SwiftUI:如何在 IOS 16 上动态忽略安全区域

我正在寻找 SwiftUI 解决方案来动态更改 IOS 16 中的视图/应用程序的全屏。为简单起见,考虑一个按钮将切换是否全屏。我试过使用

回答 2 投票 0

谷歌地图全屏显示时隐藏谷歌地图自动完成下拉菜单

我已经在地图上实现了一个带有自动完成功能的谷歌地图,并将 FullScreenControl 选项设置为“true”(您可以在下图中的右侧看到 FullScreenControl) 我的公关...

回答 4 投票 0

用C# ASP.NET在浏览器中全屏显示图像。

我想在浏览器页面中显示一张图片,并将其拉伸,使其填满整个浏览器页面。

回答 2 投票 0

React-fullscreen不工作:goFull方法没有被触发。

我有一个AdminNavbar组件,它包含了顶部水平导航条的所有内容。然后将这个AdminNavbar组件导入到Admin Layout中。我正在使用这个反应库来实现对...

回答 1 投票 0

退出全屏后,在以angular 7导出的highcharts中,不能将图形重新渲染成相同的大小。

Highcharts中的导出按钮工作正常。它显示了所有的选项,但在点击 "全屏查看 "时,图形没有显示全屏,而且在退出时也没有渲染到 ...

回答 1 投票 0

检测手机上的全屏模式

我花了很多时间去搜索手机上的全屏模式。但是,我找到的结果是只适用于桌面浏览器。在这里检测全屏模式 有什么方法可以检测到全屏模式 ...

回答 1 投票 1

Pygame全屏窗口控制

我正在用pygame做一个游戏。我使用'flag=pygame.FULLSCREEN'将窗口设置为全屏,但没有像普通窗口那样的退出程序或最小化控制。

回答 1 投票 0

检测设备浏览器是否支持全屏 API

如何判断一个浏览器是否支持JavaScript中的FullScreen API?据我了解,最新的Safari允许在iPad上使用,而不是iPhone。我想知道如何检测该设备是否...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.