2 同步视频幻灯片

我正在尝试在 Reveal.js 中同步播放 2 个视频。目标是在同一个幻灯片中放置 2 个（或多个）视频。我希望一个视频位于前景，另一个视频位于背景（被第一个视频隐藏）。两个视频都在显示幻灯片时开始播放，但当我转到下一个幻灯片时，我希望前景中的视频变得不可见，而第二个视频则显示。也可以通过其他方式实现。不必在同一个幻灯片上放置 2 个视频。我还想到另一种方法，即在有了第一个幻灯片时，我想将相同的视频时间放在第二个视频上。因此，如果第一个幻灯片显示了 20 秒，则在下一个幻灯片中跳过前 20 秒。我之前使用了 data-background-video，但我担心这不会解决我现在要实现的目标。