css实现video视频背景色变透明

发布时间 2023-05-31 14:45:59作者: webHYT

利用css样式 mix-blend-mode 混合模式,有一个属性 screen ,就是黑色和其它元素进行混合的时候表现为透明。

于是我们要实现一个视频背景色透明的效果就很简单,只要把我们的视频背景色设置为黑色,同时设置如下CSS即可:

video {
    mix-blend-mode: screen;
}

参考原文:如何让MP4 video视频背景色变成透明