fullscreen 相关问题

全屏对象占据整个屏幕。

双击禁用全屏?

我有一个在 webview2 控件(Edge Chromium)中加载网页的应用程序,它加载的页面只包含一个带有源代码的 html5 视频标签和一些用于样式设置的 css。 我正在使用的CSS使得...

回答 1 投票 0

隐藏导航栏android

如何在Android中隐藏导航栏以及从哪个Android版本? 我想让应用程序全屏显示。应用程序运行时不会显示导航栏。 请给我详细的信息...

回答 3 投票 0

如何通过全屏模式修复/更改边缘的CSS背景颜色?

如何在全屏模式下修复/更改边缘的CSS背景颜色? 有摄像头的地方,白色背景的颜色。我需要默认的黑色。 有前置摄像头的地方,...

回答 1 投票 0

.Net 6 Maui - 以全屏模式打开应用程序 (Windows)

是否可以在Windows上以全屏模式打开.NET 6 Maui下的应用程序?这可以最初在 App.xaml.cs 中定义。谷歌没有得到任何有用的结果 我已经...

回答 1 投票 0

Swift UI 旧版本 iOS 视图不是全屏

注释行的框架不会变大,在 iOS 16 中,从导航栏到“添加注释”“TextField”的部分,但在旧版本中,我无法填充

回答 0 投票 0

如何让 QWebEngineView 进入全屏 [Qt 5.8]

我有以下代码,我想让我的 QWebEngineView (Qt 5.8) 全屏显示。我的 WebView 类在 QTabWidget 下,所以它只是填满选项卡而不是整个屏幕。我怎样才能让它过去

回答 3 投票 0

滚动和全屏修复

那里! 我在一个个人流媒体服务网站上工作是为了好玩,最近我取得了很多进步,但我遇到了一个我觉得很烦人的问题。所以,我不能在...上使用全屏

回答 1 投票 0

嵌入自动全屏播放的 youtube 视频

所以我想做的是在我的网站上播放全屏视频。但我想自动播放 youtube 视频并自动全屏显示(浏览器窗口的大小)。我的网站导航...

回答 5 投票 0

在 Mac 上全屏打开

在我的用户设置中 "window.newWindowDimensions": "全屏", 我的期望是这将打开全屏 - 即我的另一个

回答 0 投票 0

从另一个应用程序 (MacOS) 的全屏启动时,Tkinter 应用程序被去图标化

我有一个 tk 实例我希望它永远保持不可见但是当应用程序启动而另一个应用程序(例如 VS 代码)全屏时,它会失去其不可见状态。我想要根...

回答 1 投票 0

使用键盘在全屏模式下交换 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

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