HTML 5視頻播放狀態覆蓋

Question

我對html5有特殊要求<video>，希望你們能幫我一把。

是否有可能添加一個<div>,<p>或以上的HTML5 <video> object？ Plus觸發視頻的PlayState並隱藏它，並在視頻停止後顯示它？

這是海報：

如：

<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

你將不得不使用的組合C anvas標籤和JavaScript來得到你想要的。

嘗試採取看看一開始這兩篇文章：

video + canvas = magic

Using CSS3 and Jquery to create a custom HTML5 Player