如何让 HTML5 中的 2 个视频重叠？
How to make 2 videos in HTML5 overlap?
我想让 1 个 HTML5 视频与另一个视频重叠吗？基本上我想在我的背景视频上添加一个移动对象（视频）。请帮助我实现这一目标。
谢谢！
在过去的几天里，我自己也一直在为类似的问题而苦苦挣扎，虽然我不能告诉你具体怎么做，但我可以分享我学到的东西，希望能给你一个更好的起点。
HTML5 视频和 HTML5 canvas 元素之间现在有一些有趣的交互，因为您可以使用 [=10 将视频绘制到 canvas 元素上=] 方法以 HTML5 视频元素作为源。
要重叠视频，您可以创建一个 Canvas 元素并使用 drawimage() 将两个视频绘制到 Canvas 上。
查看有关 HTML5 视频操作的教程 here
查看将 HTML5 视频（以及其他内容）置于另一个视频之上的演示 here
希望对您有所帮助
一个简单的解决方案是在 css.
中定义不同的 z-index 值
HTML
<video class="video-one"> ...</video>
<video class="video-two"> ...</video>
CSS，其中第二个视频与第一个视频重叠。
.video-one { z-index: 1 } /* optional */
.video-two { z-index: 2 }
我想让 1 个 HTML5 视频与另一个视频重叠吗？基本上我想在我的背景视频上添加一个移动对象（视频）。请帮助我实现这一目标。 谢谢！
在过去的几天里，我自己也一直在为类似的问题而苦苦挣扎，虽然我不能告诉你具体怎么做，但我可以分享我学到的东西，希望能给你一个更好的起点。
HTML5 视频和 HTML5 canvas 元素之间现在有一些有趣的交互，因为您可以使用 [=10 将视频绘制到 canvas 元素上=] 方法以 HTML5 视频元素作为源。
要重叠视频，您可以创建一个 Canvas 元素并使用 drawimage() 将两个视频绘制到 Canvas 上。
查看有关 HTML5 视频操作的教程 here
查看将 HTML5 视频（以及其他内容）置于另一个视频之上的演示 here
希望对您有所帮助
一个简单的解决方案是在 css.
中定义不同的 z-index 值HTML
<video class="video-one"> ...</video>
<video class="video-two"> ...</video>
CSS，其中第二个视频与第一个视频重叠。
.video-one { z-index: 1 } /* optional */
.video-two { z-index: 2 }