一个接一个地播放两个视频答案

【问题标题】：Playing two videos one after another一个接一个地播放两个视频
【发布时间】：2017-04-28 12:03:50
【问题描述】：

假设我有两个视频文件 (webm)，我希望它们一个接一个地播放。
ended 事件工作正常，但是当视频源发生变化时，可以看到一个正在更改为另一个。我不喜欢那样。

如何使两个视频（它们必须小于 1MB 大小）作为单一来源播放？

我的意思是，如何构建包含两个视频的 blob？例如，我有 video1 和 video2，我想创建这样一个 blob，其中 video1 和 video2 组合在一起并且在没有从 video1 到 video2 的可见切换的情况下播放。

【问题讨论】：

【解决方案1】：

如果您遇到的问题是第二个视频在源更改后缓冲了一段时间，您可以将两个视频放在一起使用

position: absolute

在您的 css 中查看视频。在第二个视频上，使用preload 属性让它在第一个视频播放时加载。第一个视频完成后，只需将其隐藏

display: none

并启动已在后台加载的视频。

Edit1：我快速拼凑了一些东西，作为概念证明，但您当然可以将其作为起点并对其进行改进。

Edit2：只要确保这两个视频大小相同，我只拍了前两个，可以在网上找到。

【讨论】：

另外，您可以将视频数据输出到画布，这为您提供了很多修改它的选项。不过，您可能必须制作自定义控件。这是一个快速介绍：html5doctor.com/video-canvas-magic
非常感谢，伙计！可能就是这样。我有时间会试试看。
不客气。当我有更多时间时，我可能会自己尝试一下。当我这样做时，我会发布一些更完整的说明。