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

Question

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

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

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

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

欢迎任何指点。

标签： javascripthtml5-videovideo.js

Answer 1

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

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

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