很多站长朋友们都不太清楚html视频怎么做背景,今天小编就来给大家整理html视频怎么做背景,希望对各位有所帮助,具体内容如下:
本文目录一览:中怎么把视频弄成背景
大概原理就是将视频的堆叠顺序即z-设置小一点,可以设置为负值,然后将视频设为,宽高都设为100%即可,大概代码如下:
{
: ;
: 0px;
: 0px;
min-: 100%;
min-: 100%;
: auto;
: auto;
z-:-11
html怎么用视频做背景
1. 在div中写一个标签
2.上述div 设置为
3.在写另一个div设置为,然后自己调整left 跟top就行了
怎么把视频设置成背景
第一步:准备工作
先准备好一个视频
第二步:引入视频
这里我们需要用到了/标签,然后在里面写视频的路径,用来使其自动播放,用来使其静音,loop为循环播放
第三步:调节视频,使其适应屏幕
以上的步骤还不能满足我们的需求,这个时候我们会发现有滚动条,而且视频会遮挡我们要显示的内容,可这远远不是我们想要的结果啊,不怕,有我呢
{ : ; :0; : 0; min-: 100%; min-: 100%; : auto; : auto; z-: -9999; }
这样就OK了,--:(100%)为调节会色调的,同样适用于img
第四步:视频播放速度
可以利用的属性来控制的播放速度,如果要让背景视频以慢速播放的话可以加上下面的