html5中怎么把视频弄成背景

大概原理就是将视频的堆叠顺序即z-index设置小一点，可以设置为负值，然后将视频position设为fixed，宽高都设为100%即可，大概代码如下：

video{

position: fixed

right: 0px

bottom: 0px

min-width: 100%

min-height: 100%

height: auto

width: auto

/*加滤镜*/

/*filter: blur(15px)//背景模糊设置 */

/*-webkit-filter: grayscale(100%)*/

/*filter:grayscale(100%)//背景灰度设置*/

z-index:-11

}

第一点：  写滤镜应该是{opacity:0.5filter:alpha(opacity=50)/* 针对 各个浏览器版本 */}不能只写filter:alpha(opacity=50)

第二点：opacity应该是小写的o吧，alpha应该是小写a吧，（可能我记得不是很准确）如果你同时写了class 和行内样式    那采用的样式就是行内style="filter:Alpha(Opacity = 50)"样式

第三点：如果你针对的是img做透明效果，那就在img{opacity:0.5filter:alpha(opacity=50)}下写滤镜代码，这样img才会有透明效果

一般滤镜的使用方法有两种，一是直接使用剪辑软件自带的滤镜效果，二是手动调整视频的色彩参数——色温、亮度、高光、色温等。

以会声会影为例，先说下怎么直接套用神仙滤镜。

1、打开会声会影，点击“编辑——媒体——样本”进入素材库，将视频或者图片素材拖拽到素材库中，这里以图片素材为例。

2、将图片素材拖拽到视频轨上，点击“FX”滤镜特效，选择需要的滤镜效果，并将该滤镜拖拽到视频轨的图片素材上。

3、要是对滤镜特效不满意，可以在添加滤镜效果后，双击图片素材调出选项设置，选择“色彩”，可以进一步调整图片的色调、曝光度、对比度等参数。

4、最后点击“共享——mpeg4——开始”，等待视频渲染输出，就能得到如下效果图。

---