自定义HTML5视频

Question

我可以动态更改HTML5中的视频以显示自定义内容，例如视频中显示的用户名吗？

（如果不是HTML5，可以采用其他方式）

Answer 1

是。我推荐Popcorn.js，这是一个Javascript库，可以让您轻松地将动态内容与视频同步。 Popcorn有很多插件可以生成不同类型的动态内容和效果，有些甚至可以做很丰富的动画。或者，您可以编写自己的插件。

如果您想尝试一下而不必编写代码，就会有Popcorn的图形界面。 https://popcorn.webmaker.org/

如果您只想在视频上叠加内容，则可以使用HTML和CSS完成相当多的工作。使用画布的主要优点是可以对动态内容和/或视频本身运行像素效果。 （例如，Seriously.js）。

使用画布还有一个奇怪的原因，即HTML / CSS内容往往比视频更清晰，因为视频是压缩的，通常是缩放的，而HTML内容则不是。如果您想真正使动态内容看起来像视频的一部分，您可以在画布中生成它并缩放，模糊或降低它。