Javascript HTML5视频播放状态覆盖

我对html5有一个特殊的要求，我希望你们能帮助我

是否可以在html5

对象

上方添加

、

或其他内容？ 加上触发视频的播放状态并隐藏它，然后在视频停止后显示它

这是海报：

例如：

我的朋友，买一个新浏览器
标题
一些描述

应该是这样的

有什么可能的方法可以做到这一点吗

多谢各位

注意：

我读过这篇文章，但没用

图像：

海报

应该是这样的:

---

您必须使用canvas标记和javascript的组合才能得到您想要的

试着先看一下这两篇文章：

---

如果您准备使用javascript，请看一看它，它可以实现您想要的功能，并在浏览器中保持相同的用户体验谢谢，但我想在播放器上添加一个文本，例如标题和说明。它必须在视频播放时消失。

<video width="280" height="158"  poster="img/thumb.png" controls>
   <source src="TestVideo1.mp4" type="video/mp4">
 Get a new Browser my friend
 <h1>Title</h1>
 <p>Some Description</p>
 </video>