Javascript CSS过滤视频，但不过滤控件

如图所示： 您可以使用css过滤器对视频应用过滤器

定义过滤器，然后在稍后将其应用于视频元素时引用它

var blur_name='the_blur';
master_video.style.webkitFilter='url(#'+blur_name+')';
master_video.style.mozFilter='url(#'+blur_name+')';
master_video.style.filter='url(#'+blur_name+')';

var blur_name='';
master_video.style.webkitFilter='';
master_video.style.mozFilter='';
master_video.style.filter='';

---

但是如何使过滤器不模糊视频控件？

要实现这一点，您必须使用自定义视频控件。例如，有很多资源可以解释如何实现它们

我编辑了在谷歌上找到的一把小提琴来说明这一点：

我正在应用一个简单的

过滤器：模糊（4px）

指向视频元素，但您可以在HTML中定义过滤器，并根据ID引用它们（如果愿意）