支持视频中视频的 HTML5 视频播放器

Question

不久前，我偶然发现了一个支持视频中视频的 HTML5 视频播放器示例。在一个示例用例中，演示了以下内容：一个幻灯片演示视频，并附有一个解释器视频。不幸的是，我不记得是哪个视频播放器了。

To illustrate; something like this

播放器的美妙之处在于它能够在一个视图中提供多个视频源并在不同的视图点之间切换（如分屏和切换视图）。

就像我在这里说明的那样：

Split screen video

Switched video view

谁能帮我找出它可能是哪个 HTML5 视频播放器，或者如何在 VideoJS 之类的东西中实现这一点？

Answer 1

从您的要求来看，这些是完全独立的视频。

如果是这种情况，那么一种简单的方法是只使用两个视频播放器。

然后，您可以使用您的网页布局将它们放置在您需要它们启动的任何位置，并添加一些简单的 Javascript 脚本，例如链接到页面上的按钮，以将布局更改为您想要的特定布局按钮（例如，一个按钮可能用于分屏）。