我有一个WordPress网站,我在其中在帖子编辑器中插入视频嵌入代码。在前端,我需要在点击它们时显示视频缩略图,它将在灯箱中显示视频。
要求是,我需要显示我在编辑器中提供的视频的视频缩略图。
我将使用 YouTube 和 vimeo 嵌入代码,如果是其他视频,我将显示帖子缩略图或默认图像。
我将在每个帖子中使用一个视频嵌入代码。
提前致谢。
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'];
您可以从视频网址加载的缩略图。
视频网址
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
如果您想获得这样的 youtube 视频 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 no api 使用缩略图,您可以使用此工具从视频中捕获帧,瞧!
试试这个插件,它简化了在 WordPress 模板中自动显示视频缩略图的过程。