请问css中有类似于:background-image:url( )
这种视频存放路径的写法吗。。我想把自动播放的视频做为背景,视频上面再放图片,重点是怎么把图片放在视频上面,视频之前就插好了的(๑•́ωก̀๑)。求解答
如果你是想把视频设为背景图,可以再body里用video标签
<video id="v1" autoplay muted loop style="width: 100%">
<source src="/template/pc/skin/images/a.mp4">
</video>
再调video的样式
<style>
video{
position: absolute;
right:0;
bottom: 38px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
}
</style>
类似这样子,你可以自己调调样式
video定位作为背景
img 图片定位或者一次排版,正常写就可以!
标签内插入图片地址和视频地址,通过css设置成背景
<video class="box" poster="图片地址" src="视频地址" controls="controls"></video>
.box{ position: absolute; top: 0; bottom: 0; width: 100vw; height: 100vh; }
没有,视频建议放在静态资源路径下,用video标签src属性加载,参考
https://www.runoob.com/html/html-videos.html
background-image是背景图片,视频用video标签
微信浏览器视频上放不了哦