Javascript 如何使HTML5中的两个视频重叠？

我想让一个HTML5视频与另一个视频重叠？基本上，我想在我的背景视频上添加一个移动对象（视频）。请帮助我实现这一目标。

---

谢谢

在过去的几天里，我自己也在为一个类似的问题苦苦挣扎，虽然我不能确切地告诉你怎么做，但我可以分享我学到的东西，希望能给你一个更好的起点。
HTML5视频和HTML5画布元素之间现在有一些有趣的交互，您可以使用

drawimage（）

方法将视频绘制到画布元素上，并将HTML5视频元素作为源

要重叠视频，可以创建一个画布元素，并使用

drawimage（）

将两个视频绘制到画布上

查看此HTML5视频操作教程
查看将HTML5视频（以及其他内容）置于另一个视频之上的演示

---

希望这有助于

一个简单的解决方案是在css中定义不同的z索引值

HTML

<video class="video-one"> ...</video>
<video class="video-two"> ...</video>

.video-one { z-index: 1 } /* optional */
.video-two { z-index: 2 }