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

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

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

video {
    mix-blend-mode: screen;
}

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

 

 

posted @ 2023-05-31 14:37  webHYT  阅读(3496)  评论(0)    收藏  举报