Video html5画布上有多个视频？

我正在做这个媒体项目，我遇到了一个大问题。我基本上想要一个包含16个视频的4x4网格，但我当然会遇到滞后问题。我想知道是否有更好的方法来使用canvas。我可以合成多个视频吗？相对于16个独立的视频元素，这会加快合成速度吗？ 如果单击此链接： 点击左侧的PLAY ALL（然后测试，稍后），您可以理解我的意思。它实际上大部分时间都有效，但有时无效。我还将添加更长的视频。

---

非常感谢您的建议。

是否有一些要求阻止您仅创建一个包含所有16个视频的视频，而不是单独呈现它们？

非常晚的回答，但下面是：

当然，您可以使用JS在一个画布元素上渲染多个视频元素。视频基本上被视为图像，因此您可以为每个RAF帧渲染视频

ctx.drawImage(YourVidID, 0, 0, 100, 100);
ctx.drawImage(YourVidID2, 100, 100, 200, 200);
etc...