Javascript 正在尝试在视频上添加半透明覆盖

我正在尝试在我的视频上添加半透明覆盖。不知道如何在我的css中做到这一点

css:

.video div{
显示器：flex；
高度：22em；
宽度：100%；
背景混合模式：倍增；
背景色：#666666；
}
.视频标签{
对象匹配：填充；
最大宽度：100%；
宽度：100%；
}

*{
排名：0；
}
.录影带组{
显示器：flex；
高度：22em；
宽度：100%；
背景混合模式：倍增；
背景色：#666666；
不透明度：0.6；
}
录像带{
宽度：100%！重要；
高度：自动！重要；
z指数：-1；
}

---

在stackoverflow上发布html以检查这一点。