在 wordpress 中的缩略图悬停上播放视频 [英] play video on thumbnail hover in wordpress

问题描述

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

i want any code works like this you have static thumbnail as featured image, on hover it will automatically play HTML5 video which is pre-defined for each post (like youtube site)

推荐答案

试试这个

如果您想使用 WordPress 插件

if you want to go with WordPress plugin

1 - 简易视频播放器 - 免费

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

2 - Media Hovers Wordpress Plugin - Paid

或

如果你想编码 -

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

You can add a poster by adding poster="Thumbnail-image.jpg" to the tag

.

<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 是悬停时播放的视频.

here Thumbnail-image.jpg is your thumbnail image and yourvideo.mp4 is video to play on hover.

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

If the uploader of WordPress does not support .webm, .ogg or .mp4 files

(我没有检查过)，您可以随时使用 ftp(如 Filezilla)程序上传视频.

(I haven’t checked that), you can always use an ftp (like Filezilla) program to upload the video’s.

这篇关于在 wordpress 中的缩略图悬停上播放视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！