在wordpress中将缩略图悬停播放视频并在悬停时显示缩略图

Question

这里是新内容，因此，如果不允许这样做，我们深表歉意。

我正在搜索一个悬停视频选项，找到了这个答案：

play video on thumbnail hover in wordpress

@ rajendra-singh，它工作正常，但我想添加一个选项以在鼠标移出时显示缩略图。

使用的代码：

<video poster="Thumbnail-image.jpg" 
src="yourvideo.mp4" 
id="id0" width="300" onMouseOver="id0.play()" 
onMouseOut="id0.pause()" 
onclick="window.location='yourvideo.mp4';id0.pause()" 
loop title="yourvideo.mp4" >
</video>

问题：

1. 如何在鼠标移出时再次显示缩略图
2. 如何在鼠标移开时快退视频，以便下次我们将鼠标悬停时，视频从头开始播放

我该怎么做？我了解html / css但不了解js，因此无法自行解决。

预先感谢您的帮助