我有一个 WordPress 网站,我在后期编辑器中插入视频嵌入代码。在前端,我需要在点击它们时显示视频缩略图,它将在灯箱中显示视频。
要求是,我需要在编辑器中显示我提供的视频的视频缩略图。
我将使用YouTube和vimeo嵌入代码,如果是其他视频,我会显示帖子缩略图或默认图片。
我会为每个帖子使用一个视频嵌入代码。
提前致谢。
答案 0 :(得分:9)
http://img.youtube.com/vi/VIDEO_ID/#.jpg
where,
VIDEO_ID = bQVoAWSP7k4
# = 1,2, or 3
Making Video Request
http://vimeo.com/api/v2/video/video_id.output
where,
video_id : The ID of the video you want information for.
output : Specify the output type. It currently offer JSON, PHP, and XML formats.
vimeo的php代码:
$imgid = 6825415;
$image = unserialize(file_get_contents("http://vimeo.com/api/v2/video/$imgid.php"));
echo $image[0]['thumbnail_medium'];
答案 1 :(得分:5)
您可以从视频网址加载缩略图。
视频网址
http://www.youtube.com/watch?v=Xzf0rvQa4Mc
THUMBNAIL网址
http://i1.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg
http://i2.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg
http://i3.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg
http://i4.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg
将图像复制到新视频的所有缩略图网址(可能是服务器)需要一些时间。
如果没有缩略图,则返回带摄像头的图像(长度恰好为893字节)。
实施例
http://i4.ytimg.com/vi/Xzf0rvQa4Md/default.jpg
如果你想获得像这样的管视频ID
更好用这个
regexp (youtube\.com\/(watch\?v=)?(v\/)?([\w\-]+))
它可以处理两个网址(with /v/ and with watch?v=)
preg_match('/youtube\.com\/v\/([\w\-]+)/', $code, $match);
echo $match[3];
答案 2 :(得分:1)
如果你想通过纯js / jquery no api使用缩略图,你可以使用这个工具从视频中捕捉一个帧,瞧!
答案 3 :(得分:0)
试试这个Plugin,这简化了在WordPress模板中自动显示视频缩略图的过程。