如何在背景中制作视频，并在其上方的剪辑路径中制作其他视频(带有动画).?像这样

Question

所以，我有一个视频在背景中，另一个视频运行在该视频顶部的剪辑路径中，剪辑路径中的视频从左向右移动。CSS足够吗？还是我需要js？以及如何制作剪辑路径视频？

像这个

Answer 1

是的，你可以做到。

将1个视频设置为背景。

在表面上显示1个视频，然后在表面上使用CSS显示视频类。

我认为你只能用CSS来做，但它会变得有点棘手。

或者，使用Javascript，只需将视频设置在某个类的表面上，当你刷新、悬停、激活等任何你需要的东西时，这将触发该类通过激活，并且该类的CSS将被应用。

例如：

img {
clip-path: circle(100%);
transition: clip-path 5s;
}
img:hover{
clip-path: circle(20%);
}

你可以用你想要的类名或你喜欢的操作方式将img:hover更改为你喜欢的样子。并且你的剪辑路径完全显示为全宽，我认为这会解决问题。