html - HTML5でビデオポスターをズームまたはぼかす方法は?

Question

この Web サイトのようなビデオ ギャラリーを作成しようとしています:
www.pmc.tv
私の Web ページは:
www.mohsend.com/music-videosです。

しかし、ポスターのビデオに効果を与えることはできません。たとえば、マウスが上にあるときにポスターをズームしたり、ぼかしたりします。

これは私のサンプル動画投稿です:

<table>

<td>

<video controls="controls" width="540" height="306" preload="none" poster="http://mohsend.com/images/poster/adib.jpg">
<source src="example.mp4" type="video/mp4" />
</video>
<h6 class="highlightColor">ADIB TAOOSI</h6><h6>''Xoshawistm''<br>director: Mohsen Dadsetan<br>COMING SOON...</h6>
</td>


<td>

<video controls="controls" width="540" height="306" preload="none" poster="http://mohsend.com/images/poster/sohafarhad.jpg">
<source src="example.mp4" type="video/mp4" />
</video>
<h6 class="highlightColor">SOHA & SARO FT FARHAD MANSORI</h6><h6>''Era Kurdistana''<br>director: Mohsen Dadsetan<br>2015</h6>

</td>
</table>