如何在浏览器上运行视频时覆盖自定义文本？

Question

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

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

1. 用户必须登录，并且当视频在浏览器上运行时，他们的姓名应显示在视频中。
2. 自定义文本应该在一定的时间间隔内出现，比如说每 10 秒
3. 对 Smith 的测试应显示为“Hello Smith！” Roger 的文本应显示为“Hello Roger。即应更改不同的登录名。

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

欢迎大家指点。

Answer 1

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

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

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