html5 video设置透明,HTML如何设置video为不透明背景

HTML设置video为不透明背景的方法:使用loop,autoplay方法,直接插入相关代码【】。

53df93cb6a39f0233b1c2f030e7b4de7.png

本教程操作环境:windows7系统、html5版,DELL G3电脑,该方法适用于所有品牌电脑。

HTML设置video为不透明背景的方法:

先插入如下代码:loop表示循环播放

autoplay表示自动播放

css修饰如下:

body{

margin:0;//body外边距设为0;

}

video{

position: fixed;//视频定位方式设为固定

right: 0;

bottom: 0;//视频位置

min-width: 100%;

min-height: 100%; //不会因视频尺寸造成页面需要滚动

width: auto;

height: auto; //尺寸保持原视频大小

z-index: -100; //z轴定位,小于0即可

-webkit-filter: grayscale(20%);//添加灰度蒙版,如果设定为100%则视频显示为黑白

}

相关学习推荐:html教程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值