如何将CSS过滤器应用于视频而不影响HTML5中的控件？

如果我对视频元素应用CSS过滤器，例如：

视频：第一个孩子{
滤光片：亮度（40%）；
}

vs。

你不认为这是可能的，但你可以使用javascript制作自己的播放/暂停按钮等，然后制作视频样式？如下图所示：-

（函数（窗口，文档，$，未定义）{
"严格使用",；
$（文档）.ready（函数（）{
$（'#play'）。在（'单击'，函数（）上）{
$（'.my video'）[0]。播放（）；
});
$（'#stop'）。在（'单击'，函数（）上）{
$（'.my video'）[0]。暂停（）；
});
});
})（窗口、文档、jQuery）
视频{
边框：10px纯绿！重要；
不透明度：0.6；
盒影：12px 9px 13px rgba（255,025,0.75）；
}

您的浏览器不支持视频标记。
玩
停止
显示一些标记。你会想只为你想受css影响的元素添加一个类名或ID，并只将样式应用于该类名或ID。由于控件是视频元素的一部分，将类或ID应用于元素不会帮助我更明确地定位过滤器-控件仍将收到相同的过滤效果。哦，我明白你的意思。您是否检查过元素，看是否可以进一步过滤？或者你可以在你的视频上添加一些经过过滤的dev，并保持静止？您需要为我们提供更多的测试来帮助您，因为您没有显示任何标记或JS Fiddle或任何东西。在这种情况下，恐怕您必须创建自定义控件。总有剪辑遮罩/路径可能会起作用，但它的大小会因浏览器而异，有时也会有所不同。。。