Javascript 如何模糊目标div的背景视频？

我意识到有很多关于如何使背景图像模糊的问题，但是我想知道是否可以使用css或jquery（blur js）插件模糊目标div的背景视频

目前，该插件只支持.body源代码，因此除了插入我想模糊到“body”背景的图像外，没有其他方法可以定位任何其他div

或者，作为第二种方法，如果我使用这个js插件提供过滤器模糊

它模糊了文本，而不是图层的背景

查看它如何模糊文本，而不是背景

有人能帮我弄清楚如何模糊背景视频吗

这里是我的网站，包含移动视频。谢谢

正文{
填充：0；
保证金：0；
}
.vid容器{
位置：相对位置；
高度：100vh；
溢出：隐藏；
}
.bgvid{
位置：绝对位置；
左：0；
排名：0；
宽度：100vw；
}
.内胆{
宽度：400px；
高度：400px；
位置：绝对位置；
顶部：calc（50vh-200px）；
左：计算（50vw-200px）；
溢出：隐藏；
}
.bgvid.inner{
顶部：计算（-50vh+200px）；
左：计算（-50vw+200px）；
过滤器：url（“数据：image/svg+xml；utf9，#blur”）；
-webkit过滤器：模糊（10px）；
-ms过滤器：模糊（10px）；
-o-滤波器：模糊（10px）；
过滤器：模糊（10px）；
}
.盒子{
位置：绝对位置；
身高：100%；
宽度：100%；
字体系列：Helvetica；
颜色：#fff；
背景：rgba（0,0,0,0.13）；
填充：30px 0px；
}
.框h1{
文本对齐：居中；
利润率：30px0；
字体大小：30px；
}
.框输入{
显示：块；
宽度：300px；
保证金：20px自动；
填充：15px；
背景：rgba（0,0,0,0.2）；
颜色：#fff；
边界：0；
}
.box输入：聚焦，.box输入：激活，.box按钮：聚焦，.box按钮：激活{
大纲：无；
}
.盒子按钮{
背景：#2ecc71；
边界：0；
颜色：#fff；
填充：10px；
字体大小：20px；
宽度：330px；
保证金：20px自动；
显示：块；
光标：指针；
}
.box按钮：激活{
背景：#27ae60；
}
.方框p{
字体大小：14px；
文本对齐：居中；
}
.框p跨度{
光标：指针；
颜色：#666；
}

登录
登录
不是会员？报名

正文{
填充：0；
保证金：0；
}
.vid容器{
位置：相对位置；
高度：100vh；
溢出：隐藏；
}
.bgvid{
位置：绝对位置；
左：0；
排名：0；
宽度：100vw；
}
.内胆{
宽度：400px；
高度：400px；
位置：绝对位置；
顶部：calc（50vh-200px）；
左：计算（50vw-200px）；
溢出：隐藏；
}
.bgvid.inner{
顶部：计算（-50vh+200px）；
左：计算（-50vw+200px）；
过滤器：url（“数据：image/svg+xml；utf9，#blur”）；
-webkit过滤器：模糊（10px）；
-ms过滤器：模糊（10px）；
-o-滤波器：模糊（10px）；
过滤器：模糊（10px）；
}
.盒子{
位置：绝对位置；
身高：100%；
宽度：100%；
字体系列：Helvetica；
颜色：#fff；
背景：rgba（0,0,0,0.13）；
填充：30px 0px；
}
.框h1{
文本对齐：居中；
利润率：30px0；
字体大小：30px；
}
.框输入{
显示：块；
宽度：300px；
保证金：20px自动；
填充：15px；
背景：rgba（0,0,0,0.2）；
颜色：#fff；
边界：0；
}
.box输入：聚焦，.box输入：激活，.box按钮：聚焦，.box按钮：激活{
大纲：无；
}
.盒子按钮{
背景：#2ecc71；
边界：0；
颜色：#fff；
填充：10px；
字体大小：20px；
宽度：330px；
保证金：20px自动；
显示：块；
光标：指针；
}
.box按钮：激活{
背景：#27ae60；
}
.方框p{
字体大小：14px；
文本对齐：居中；
}
.框p跨度{
光标：指针；
颜色：#666；
}

登录
登录
不是会员？报名

um。。。我什么都没看见？？！嗯。。。我什么都没看见？？！