我有一个WordPress网站,我在帖子编辑器中插入视频嵌入代码。在前端,我需要在单击它们时显示视频缩略图,它将在灯箱中显示视频。
要求是,我需要显示我在编辑器中提供的视频的视频缩略图。
我将使用YouTube和vimeo嵌入代码,如果是其他视频,那么我将显示帖子缩略图或默认图像。
我将为每个帖子使用一个视频嵌入代码。
提前谢谢。
使用 Youtube API
http://img.youtube.com/vi/VIDEO_ID/#.jpg
where,
VIDEO_ID = bQVoAWSP7k4
# = 1,2, or 3
使用 Vimeo API
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'];
您可以从
视频网址加载的缩略图。
视频网址
http://www.youtube.com/watch?v=Xzf0rvQa4Mc
缩略图网址
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
将图像复制到新视频的所有缩略图 URL(可能是服务器)需要一些时间。
如果没有缩略图,它将返回带有相机的图像(正好是 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];
如果你想
通过纯js/jquery没有api使用缩略图,你可以使用这个工具从视频中捕获一帧,瞧!
http://video.depone.eu/
试试这个插件,它简化了在WordPress模板中自动显示视频缩略图的过程。