在wordpress中将缩略图悬停播放视频

Question

我希望任何这样的代码都具有静态缩略图作为特色图片，当鼠标悬停时它将自动播放针对每个帖子（如youtube网站）预定义的HTML5视频

Answer 1

尝试一下

如果您想使用WordPress插件

1-Easy Video Player-免费

2-Media Hovers Wordpress插件-付费

OR

如果您想进行编码-

您可以通过将poster =“ Thumbnail-image.jpg”添加到标签来添加海报

。

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

此处Thumbnail-image.jpg是您的缩略图，yourvideo.mp4是  悬停播放的视频。

如果WordPress的上传器不支持.webm，.ogg或.mp4文件

（我没有检查过），您始终可以使用ftp（例如Filezilla）程序来上传视频。