如何使用“白色”标签；“过滤器”；HTML上的（alpha 50%）<；视频>；标签？

我正在寻找一种在HTML上添加“白色过滤器”的方法，也就是说，基本上我希望视频看起来像是在50%alpha的白色层之下

我签出css过滤器解决方案，但它不提供单色选项，有什么想法吗

<video  
    poster="/assets/img/stuff.png"
    autoplay muted loop
    id="background-video">
    <source src="/assets/video/stuff.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

您的浏览器不支持HTML5视频。

解决方案是：

<div class="overlay">
    <video  
        poster="/assets/img/stuff.png"
        autoplay muted loop
        id="background-video">
        <source src="/assets/video/stuff.mp4" type="video/mp4">
        Your browser does not support HTML5 video.
     </video>
</div>

测试这个：

*{
填充：0；
保证金：0；
边界：0；
}
#视频容器{
宽度：480px；
高度：270px；
位置：相对位置；
z指数：0；
}
录像带{
位置：绝对位置；
宽度：100%；
身高：100%；
背景颜色：皇家蓝；
z指数：0；
}
#覆盖层{
位置：绝对位置；
宽度：100%；
身高：100%；
背景色：rgba（255、255、255、0.5）；
z指数：1；
}

您的浏览器不支持HTML5视频。

请添加您的代码或工作示例

.overlay {
  z-index: 2;
  background: white;
  opacity: 0.5;
}