Javascript 暂停时在视频上添加一个div

我可以暂停并播放视频，只需点击视频本身。我希望能够在视频暂停时在视频中添加div。就像一个播放按钮。我该怎么做

我是否需要添加另一个div作为覆盖，并在视频暂停时显示它？如果是，如何使用当前代码实现

视频的工作代码：

<video height="100%" width="100%" preload="none" onclick="this.paused ? this.play() : this.pause();">
 <source type="video/mp4" src="myvideo.mp4">
</video>

非常感谢。

的副本请查看，将结束的事件替换为播放/暂停，以显示/隐藏的重叠可能的副本