Javascript 不使用背景滤镜的情况下，在视频顶部覆盖整个屏幕

以下是在播放的视频上添加半透明覆盖的代码：

setTimeout（（）=>{
addBlurOverlay（）；
}, 2000);
函数addBlurOverlay（）{
const clip=document.querySelector（“.blur overlay”）；
clip.classList.add（“聚焦”）；
}

聚焦{
动画：聚焦显示0.25秒的缓进缓出；
动画填充模式：正向；
}
@关键帧聚焦显示{
从{
背景过滤器：模糊（0）；
背景色：rgba（35,33,36,0）；
}
到{
背景滤镜：模糊（80px）；
背景色：rgba（35,33,36,0.7）；
}
}
录像带{
位置：绝对位置；
排名：0；
左：0；
最大宽度：100%；
最大高度：100%；
宽度：100%；
身高：100%；
对象匹配：包含；
}
.模糊叠加{
位置：绝对位置；
排名：0；
右：0；
左：0；
底部：0；
z指数：9；
背景：无；
}
.夹子容器{
位置：绝对位置；
排名：0；
左：0；
最大宽度：100%；
最大高度：100%；
宽度：100%；
身高：100%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景色：#0b0e12；
}