使用CSS更改视频的背景/不透明度

Question

我有一个视频，但我想在CSS/HTML中进行某种颜色校正，比如给它一点橙色叠加效果。
我尝试在与视频连接的两个部分上使用这三个背景颜色：transparent; background-color: rgb(204,153,0); opacity 0.2:，但没有任何作用。
所以我想知道是否可能？否则我会在AE中快速为其添加颜色。

谢谢！

- ZanicL3

---

你可以添加一个带有背景颜色为rgb(204,153,0)、透明度为0.2的div，并将其放在视频前面 :) - jogoe

哦，很高兴你找到了答案，祝你在接下来的工作中好运。 - jogoe

如果我在你的#video-landing video { }上添加一些filter()，它就可以工作了... - 看一下：https://css-tricks.com/almanac/properties/f/filter/ - Fusseldieb

确保将内容设置为absolute，并且容器设置为relative。请参考该示例链接进行检查。 - mmativ

Answer 1

是的，使用

-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);

或者

-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);

除了饱和度等其他滤镜效果，你可以在css中使用它们来处理视频图像。这个链接可能会有所帮助。 滤镜效果

- Dcoto

---

有没有 JavaScript 的 DOM 属性能够实现 blur()？ - drooh