css使用视频作为背景(可更改视频颜色)

下面是css代码

 

下面是html代码

"v">
  1. .v:hover 目的是向div class=v添加颜色滤镜效果,如果不想要滤镜,就可以吧这个样式取消掉
  2. .将.v position设置成固定定位,再将视频.f 的position设置成absolute,他会根据.v位置定位,让视频固定在屏幕上。
  3. .f 的top和left设置了50% 所以添加了transform,和transition。 主要是为了调整下视频的位置。如果.f不添加top,left那么transform和transition也不用添加。
  4. 将父元素.v的宽高设置为屏幕宽高,用自适应属性100%,width:100%,height:100%,添加上overflow属性,防止父元素.v出现滚动条。

你可能感兴趣的:(video作为页面背景)