背景视频CSS

文章/答案/技术大牛

发布

2回答

wordpress视频在移动设备上不起作用

php、css、wordpress、background

我在我的网站上有背景视频，它在pc上工作正常，但它在移动设备上不工作，我尝试了一些解决方案，但它不工作。为什么？背景视频的这段代码 <video loop="" muted="" autoplay="" poster="" >/uploads/2018/08/68afede30f42d

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

2回答

Bootstrap视频巨型加速器

javascript、html、css、twitter-bootstrap、video

我正在试着弄一段视频来报道一个引导程序Jumbotron，但没有成功。这似乎是一件非常简单的事情，但我所尝试的一切似乎都失败了。<link href="https://maxcdn.bootstrapcdn.com/boo

浏览 1提问于2016-01-06得票数 1

回答已采纳

1回答

CSS背景动画

css、animation

我需要制作这个动画作为背景：background-image url('../images/content/fracture.png')但是来自视频的动画要复杂得多。(CSS，SVG-动画...)？或者请提供一些例子。

浏览 1提问于2017-01-04得票数 0

2回答

css、video、background

我试图改变背景从一个图像到一个视频只使用css，没有标签，但它不会运行。我不想在网站的所有页面上插入标签。

浏览 14提问于2021-04-04得票数 0

5回答

Css背景视频

html、css、video、background

有人知道如何对视频背景进行对位吗？margin: 0 auto;到目前为止，这些都没有用。<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">Cssbackground: url(

浏览 11提问于2014-11-13得票数 8

回答已采纳

2回答

Chrome和Firefox中未显示的背景图像

html、css

在Chrome或Firefox中没有显示背景图像。但是，使用其他浏览器时，图像显示得很好。相对链接和硬链接预期结果:在页面顶部播放背景视频。背景视频在主着陆页面上工作，但不在部分页面上.它目前在.css中设置(类似于全屏视频背景CSS方法)。

浏览 1提问于2019-01-13得票数 0

1回答

大家好，我怎么用HTML/CSS放一个背景视频？

html、css、video、background

所以我试着为我的网站贴上一个视频背景，但是中间的文字却一直出现在底部，我不知道为什么，肚脐很好。我做了很多研究我找不到解决办法 margin: 0; box-sizing: border-box; <title>Document</title> <link rel="stylesh

浏览 1提问于2022-10-02得票数 1

1回答

将html 5视频与css全屏背景匹配

css、html、video

我正在尝试匹配一个html视频到css全屏背景，这是在屏幕上的中心。我想要的视频无缝匹配的背景，无论屏幕是什么尺寸。请帮助大家掌握css的家伙和女孩。谢谢! 该图像位于：

浏览 1提问于2013-02-20得票数 0

1回答

HTML5视频css背景色在iPad上

css、html、ipad、video

目前是否可以有效地设置HTML5视频元素的背景色？指出，您可以使用标准CSS对视频标记进行样式化，但在我的经验中，这并不完全有效：在Chrome 23 (雪豹)上，在视频标签中添加一个海报图像属性可以移除背景色，如果没有海报图像，它就会像你想象的那样工作无论我做什么，背景色总是黑色的。偶尔，我可能会在海报/视频加载之前看到设置css背景色的闪光灯。但即使是空的视频标签，背景<

浏览 4提问于2012-11-23得票数 3

回答已采纳

1回答

如何在背景图片中启用视频或照片？

javascript、html、css

document.getElementById("Photo1").style.backgroundImage='url('+data[0]+')'; 但是，一些用户更喜欢照片和一些视频。我想创建一个div/style，允许动态加载视频或照片(因此它可以是照片或视频)

浏览 36提问于2019-05-02得票数 0

3回答

使用视频作为div的背景

html、css、html5-video

我想在CSS3中使用视频作为背景。我知道没有背景视频属性，但是可以这样做吗？使用全尺寸的video-tag不能给出想要的结果，因为有内容需要显示在视频上。我需要视频来替换彩色盒子：彩色的盒子是自动取款机，CSS盒子。

浏览 5提问于2013-12-29得票数 33

回答已采纳

2回答

我需要在我的Flash网站上定位我的电影

css、flash、html

我只有一部白色背景的电影。有人知道这个过程吗？使用Flash 8。

浏览 1提问于2009-11-09得票数 0

回答已采纳

1回答

Css视频垂直背景

html、css

我正在制作响应式的视频作为背景。我希望这个视频是100vh的高度和宽度自动裁剪时，用户使用垂直设备的方向(例如手机)，以保持纵横比。另外，我想删除你在下面的图片中看到的白条。该怎么做呢？

浏览 4提问于2018-12-02得票数 0

1回答

Bootstrap CSS视频背景

css、twitter-bootstrap、video、responsive-design

我目前在我的网站上使用bootstrap，并且有一个响应式的背景图像。这是在我的自定义引导主题的CSS文件中完成的。我知道您不能将MP4视频添加到背景元素中。对于我来说，实现视频的最佳方式是什么，而不是下面的CSS代码中的"closer.jpeg“图像？作为后续行动。是否也可以在移动设备上自动播放和循环？

浏览 4提问于2015-03-05得票数 0

1回答

使用Javascript循环浏览视频背景并更改CSS

javascript、jquery、css、html

我想使用div (#按钮)在四种不同的状态之间循环，并在单击时更改特定的CSS属性；使用Javascript或jQuery会更有意义。视频背景的超文本标记语言；指向mp4和webm版本的源链接将需要使用vid2、vid3等进行更新。vide

浏览 21提问于2017-01-14得票数 0

1回答

如何在背景视频完成后显示视频

javascript、html、video

我如何编码一个背景视频，将播放，并在它运行到最后。另一个视频(，以前隐藏的)出现在我的背景视频之上。我看到这个帖子的开头，但我不能为我的生活，想出如何使第二个视频弹出后，我的背景视频结束。这是我的背景视频： <video autoplay preload muted playsinline id="bgvid"> <source src="videos/aki

浏览 2提问于2018-06-10得票数 0

1回答

背景视频正在iphone移动浏览器上播放

css、iphone、html、bootstrap-4

我使用html5标记在后台添加了一个视频： <video autoplay="autoplay" loop="loop" id="bgvid" poster="/assets/food/home/banner.jpgsource src="http://38.89.136.40/videos/eatwedovideo.mp4" type="video/mp4" /

浏览 3提问于2017-08-10得票数 0

1回答

在整个网页上重复<video>元素作为平铺

javascript、jquery、html、css

我想让它看起来像这样的显然，这个站点使用的是GIF而不是MP4/OGG，所以你可以把GIF作为背景，然后通过CSS无限重复它。但是，是的，我只是想重复视频，让它看起来像那个网站。

浏览 0提问于2015-01-11得票数 0

1回答

屏幕记录仪上触摸事件的可视化

javascript、html5-video、data-visualization、touch-event

我已经用Javascript制作了一个Index.html，但是现在我很难在同步的mp4屏幕记录上可视化触摸事件(可视化应该像视频上的圆圈一样简单，当这个区域在屏幕上被触摸时，不需要跟踪)。有什么工具/想法可以简单地将触点映射到视频上？提前谢谢你的小费！

浏览 1提问于2018-02-21得票数 0

1回答

Z-视频汉堡菜单的索引问题，但与火狐(移动版)一起使用

javascript、html、css

在一个“简单的网站”(HTML，CSS，JS)上，在移动视图中，使用汉堡菜单，带有视频背景。菜单链接出现，但如果它们位于背景视频之上，在大多数互联网浏览器上都是无效的(但在firefox上效果很好)。在“z索引”，“重要”，菜单，链接，视频背景上，我尽可能努力地与检查人员一起工作，从来没有找到一种方法，使链接“可点击”，当他们位于背景视频。谢谢你的帮忙

浏览 14提问于2022-11-08得票数 -2

点击加载更多

wordpress视频在移动设备上不起作用

Bootstrap视频巨型加速器

CSS背景动画