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

小编给大家分享一下HTML设置video为不透明背景的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

HTML设置video为不透明背景的方法：使用loop，autoplay方法，直接插入相关代码【<video src="../video/2b.mp4" loop="loop" autoplay="autoplay"></video>】。

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

先插入如下代码：

<videosrc="../video/2b.mp4"loop="loop"autoplay="autoplay"></video>

• loop表示循环播放

• autoplay表示自动播放

css修饰如下：

<style>
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%则视频显示为黑白
}
</style>

以上是“HTML设置video为不透明背景的方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注恰卡编程网行业资讯频道！