HTML 5视频播放状态覆盖

Question

我对html5 <video>有特殊要求，我希望，你们可以帮助我。

是否可以在html5 <div>之上添加<p>，<video> object或其他内容？ 加上触发视频的播放状态并隐藏它，并在视频停止后显示它？

这是海报：

例如：

<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> 

应该看起来像这样

有没有办法做到这一点？

谢谢

注意：

  

我已阅读此帖Overlaying a DIV On Top Of HTML 5 Video，但没有帮助。

图片：

海报

http://i.stack.imgur.com/vA1zn.png

应该是这样的：

http://i.stack.imgur.com/qsZaI.png

Answer 1

你将不得不使用canvas标签和javascript的组合来获得你想要的东西。

试着看看这两篇文章的开头：

video + canvas = magic

Using CSS3 and Jquery to create a custom HTML5 Player