如何在浏览器上 运行 时在视频上叠加自定义文本?

How to overlay custom text on video while it is running on browser?

感谢您抽出时间。我是网络开发的新手。

我需要在视频为用户播放时显示自定义文本。这些是以下某些标准:

  1. 用户必须登录,当浏览器 运行 时,他们的名字应该显示在视频上。
  2. 自定义文本应该在特定的时间间隔内出现,比如说,每 10 秒
  3. Smith 的测试应显示为“Hello Smith!” Roger 的文本应显示为“Hello Roger.i.e. 应更改不同的登录名。

我应该使用什么? HTML5、Javascrit、Videojs 等?以及如何实现这种情况?我不知道哪种语言可以帮助我实现这个目标。

欢迎指点。

您可以将文本元素和视频元素放在同一个容器中,然后在文本元素上放置更高的 z-index 并正确放置。

示例: https://jsfiddle.net/w12n8hxy/

您可以使用 JavaScript 实现您的目标,并根据您的需要操纵 DOM。