Html5 canvas 使用Canvas进行交互式视频仿真

我已经使用canvas标签创建了一些简单的模拟，现在我想在mp4文件中嵌入类似类型的模拟，以便创建一个e-learning交互式视频。有人知道如何做到这一点吗？有些网站很棒（比如H5P），但不允许交互式模拟

我想要一些建议：我是否应该尝试在画布标签中放置视频？或者我应该尝试在视频上覆盖模拟？有人知道我可以用什么代码开始吗

非常感谢，如果这是一个简单的问题，我很抱歉——我对HTML/JS非常陌生

下面是我做的一个模拟示例：

---

在画布上运行mp4并不容易。但是你可以使用Pixi.Js高级使用画布渲染器