视频背景全屏响应式

文章/答案/技术大牛

发布

1回答

html、css、video

如何才能使视频全屏响应。我不能把东西放在视频下面，它太大了，小屏幕上没有充满视频…

浏览 16提问于2018-08-08得票数 0

2回答

响应嵌入式背景视频全屏

twitter-bootstrap-3、responsive-design、fullscreen、embedded-video

我正在使用引导带，我想知道你是否可以嵌入一个视频作为背景，但填充整个屏幕，就像你对图像做的一样，在调整大小时以它为中心，但总是全屏。当您调整窗口的大小时，视频将被调整为填充屏幕，而不管它是水平的，它只显示视频的一部分。这是用“视频”标签做的，我用的是“iframe”标签。

浏览 2提问于2015-05-06得票数 1

1回答

全屏HTML5视频

css、html、video、html5-video

我正在尝试实现一个全屏，响应式的视频。以下是该网站的具体结构。固定报头Main -5个子部分，全屏因此，Masthead是一个div，它包含一些文本和视频本身，它被设计为占据屏幕宽度和高度的100%。此div需要具有响应性，并随页面进行缩放。目前，我有一个解决方案，可以填满页面，但当页面变得太宽时，它会扩展到超出页面的高度，这是不理想的。有人有解决这个问题的办法吗？我看过“全屏背

浏览 0提问于2014-06-28得票数 0

1回答

全宽嵌入Youtube视频

youtube

我正试着全屏嵌入我的youtube视频。但有一个问题:视频的左右两侧都是黑色的。屏幕上有左右两个波段。求求你帮帮我。我找不到任何解决方案。

浏览 0提问于2015-07-30得票数 0

2回答

我用下面的代码实现了这个网站https://www.yu-performance.at的全屏背景视频。它在台式机和大多数移动设备上都工作得很好。只有在18:9格式的移动设备上，视频上面和下面都有空白，如下所示，但我希望视频在18:9设备上也是全屏的。有人知道为什么会发生这种情况吗？18:9设备上的视频，带空格：screenshot mobile 18:9 该网站在第一部分有一个背景视频，它被模拟为

浏览 13提问于2019-12-26得票数 1

2回答

iframe作为div背景，其中包含可见内容并可单击

html、css、iframe、background、vimeo

我必须设置一个Vimeo作为包含CTA框的div的背景。我找到了一些例子，并使视频背景可以全屏显示，并根据需要进行响应。但我发现里面的CTA框和按钮是不可点击的，因为"z-index“用于将视频放回div中。/h2> </div> &

浏览 2提问于2019-08-01得票数 1

15回答

全屏响应式背景画面

css、responsive-design、fullscreen、zurb-foundation

我正在尝试让<div class="main-header">成为一个全屏图像，并相应地缩小。有人能告诉我我哪里做错了吗？它正在正确缩放，但没有显示完整的图像。

浏览 3提问于2013-05-15得票数 66

回答已采纳

3回答

全屏居中背景响应式

html、css、responsive-design、background-image

我希望我的主页是一个以全屏幕为中心的背景图像，无论设备的屏幕尺寸是多少，图像总是覆盖整个页面，并具有正确的纵横比。我也希望它能在不同的设备上工作。

浏览 1提问于2015-09-14得票数 0

1回答

全屏模式下带控件的WPF窗口

wpf、controls、fullscreen

现在，举个例子，用户浏览Youtube页面，网络播放器就会播放视频。用户点击Youtube播放器中的全屏按钮，视频就会充满整个屏幕。但我的WPF窗口托管web浏览器控件，现在仍然在所有控件的顶部，它看起来很奇怪，因为在背景中，视频可以全屏播放。有没有办法让嵌入式控件告诉WPF窗口它现在处于全屏模式，这样WPF就不再在顶部，比如说可能隐藏了？谢谢你的建议！

浏览 3提问于2011-11-21得票数 0

1回答

我能用VideoView作为WebView背景吗？

android、video、webview、background、android-videoview

有人知道如何维护VideoView作为WebView背景吗？有什么想法吗？谢谢!

浏览 4提问于2017-03-23得票数 0

回答已采纳

1回答

在浏览器大小时使后台div响应加载

css、wordpress

我一直试图在宽度滑块上获得一个响应式全屏，以根据浏览器大小加载响应式，无论我是否有下面的内容，如下例所示：问候你，杰伊

浏览 0提问于2014-03-06得票数 0

1回答

mediaelement.js安卓(chrome)，全屏按钮放错地方

android、google-chrome、mediaelement.js

我正在使用MediaElement.js制作一个响应式的web应用程序。然而，我有一些问题要让它在Android Chrome浏览器上工作(我有一台三星Galaxy S3)。当我试图打开一个视频时，全屏按钮被放错了地方:可能是“工具栏”元素太大了，最后一个按钮(即全屏)被放在下一行。即使在全屏模式下也会发生这种情况:全屏按钮消失了。在mediaelement.js网站上的演示视频中也可以看到同样的行为。

浏览 5提问于2013-06-15得票数 0

1回答

全屏响应式背景图像

css、image、background、frontend

背景图像在大屏幕上不会显示为全图，但在小屏幕上却很适合。 <!</style><body> </body> </html> 图像在所有屏幕上的响应性有一个特定的维度吗

浏览 11提问于2021-05-07得票数 0

1回答

对于背景视频，如何达到同样的效果？

javascript、html、css、video、frontend

我必须在“英雄”部分(导航栏下面的第一个)实现与给定页面上的背景视频相同的效果：https://www.invisionapp.com/。如果我有mp4格式的视频，你知道我能用到什么吗？而且它的行为也应该和在页面上一样-当点击“播放”按钮时，在全屏模式下播放。有没有推荐的视频服务提供商，javascript库？提前感谢！诚挚的问候!

浏览 12提问于2020-08-30得票数 0

2回答

响应式视频背景:视频对齐

html、css、video

我想创建一个响应式的背景视频，但不知道如何更改对齐方式。据我所知，当前对齐方式为右下角，但我想将其更改为居中。(如背景-位置:中心中心) 有什么方法可以做到这一点吗？

浏览 3提问于2014-10-07得票数 2

1回答

Kubuntu闪存全屏幕小故障

video、firefox、flash、kubuntu、fullscreen

机器: thinkpad edge14 kubuntu 11.04 x64 w/ firefox flash64和java6 当启动全屏闪存视频时，视频将放在背景上，主窗口必须最小化以查看视频(这个故障也可以在与问题1相关；如果最小化窗口总是有效的话，第一个问题不会太麻烦；有时闪存视频不会被重新绘制成全屏；我单击全屏按钮，视频冻结但音频继续，最小化窗口和什么都不会发生，恢复原始窗口，视频在嵌入式</

浏览 0提问于2011-05-29得票数 0

回答已采纳

2回答

如何在react中使我的背景视频全屏？

javascript、css、reactjs、background、responsive

我正在跟随一个视频来编写一个完全响应式的网站，但我似乎不能像视频中那样使背景视频全屏显示，也许我遗漏了一行代码？您将在屏幕截图上看到底部有一个很大的空白区域。

浏览 37提问于2021-02-03得票数 0

回答已采纳

1回答

在openGl应用程序背景下在iPhone上播放视频

iphone、video、opengl-es

我找到了一些关于在iPhone上播放全屏视频的教程，但我不知道是否可以在openGl动画应用程序的背景下播放一部嵌入式电影？电影应该是无缝的循环，不应该有任何控制按钮，如播放/暂停/卷弹出时播放。

浏览 3提问于2010-08-09得票数 0

2回答

背景视频响应式

html、css、video、background、responsive

有没有办法让视频有响应性呢？在手机上，视频太大了。我试着给它提供width : 100%和height: auto，但后来出现了白条。

浏览 0提问于2016-05-11得票数 0

2回答

在全屏actionscript 2.0中播放视频

flash、actionscript-2、fullscreen

我正在建设一个网站，我希望这个网站有一个视频的背景。我已经做了闪光灯背后的一切，但我不能全屏播放这个视频的部分。如何使用actionscript2.0在全屏播放flv视频。我不需要为这个视频全屏按钮，它只需要在全屏启动。

浏览 1提问于2010-12-29得票数 0

点击加载更多