gpt4 book ai didi

带有引导覆盖内容的 HTML5 背景视频

转载 作者:太空宇宙 更新时间:2023-11-04 08:52:21 26 4
gpt4 key购买 nike

我目前正在尝试在 Bootstrap 中创建一个内部有两列的 div,以及整个 div 的背景视频。问题是,我不能这样做并保留列内容,并以响应方式完成所有操作。

我附上了一个 fiddle - 红色是我需要视频出现的地方(出于兼容性目的带有海报框)。

有什么最佳方法可以做到这一点吗?谢谢

https://jsfiddle.net/by07or2p/#&togetherjs=DmdvnAF3Td

视频部分如下,因为我必须编写代码才能发布:

<video autoplay>
<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

最佳答案

使用相对于父 div 的位置,然后根据您对子 div 的需要定位绝对顶部/左侧/底部/右侧。这也是关于您可以使用的视频的非常好的文章 Fluid Width Video

关于带有引导覆盖内容的 HTML5 背景视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43346997/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com