在wordpress中悬停在缩略图上播放视频答案

【问题标题】：play video on thumbnail hover in wordpress在wordpress中悬停在缩略图上播放视频
【发布时间】：2020-04-07 05:55:52
【问题描述】：

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

【问题讨论】：

你想通过代码还是插件来实现？
两个都试一下

标签： wordpress

【解决方案1】：

试试这个

如果你想使用 WordPress 插件

1 - Easy Video Player - 免费

2 - 媒体悬停 Wordpress 插件 - 付费

或

如果你想编码 -

您可以通过在标签中添加 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）程序上传视频。

【讨论】：

我想在 wordpress 帖子的特色图片中使用它，而不是在帖子内
所以你必须在wordpress主题文件夹里面找到
我虽然擅长编码。如果不是，请使用 Wordpress 插件
我希望每个帖子都有不同的视频，而不是所有的特定视频
使用插件可以做到。但您必须手动执行此操作