输入 youtube 视频的 url 时，facebook、google+ 如何显示视频缩略图？答案

【问题标题】：How does facebook, google+ come up with video thumbnail when typed in url of youtube video?输入 youtube 视频的 url 时，facebook、google+ 如何显示视频缩略图？
【发布时间】：2013-07-25 20:57:39
【问题描述】：

我有一个网站，我希望用户在其中发布视频链接（来自 youtube 和 vimeo）并呈现与上面键入的链接相关的缩略图。我想在输入链接时生成 iframe 嵌入

我正在使用php

关于如何做到这一点的任何帮助？

【问题讨论】：

这里已经回答了这个问题：stackoverflow.com/questions/2068344/…
谢谢先生，我想在输入链接时生成 iframe 嵌入

标签： php facebook video youtube-api embedding

【解决方案1】：

在YouTube Data API v3，你可以通过videos->list函数获取视频的缩略图。

从snippet.thumbnails.(key)，您可以选择默认、中分辨率或高分辨率的缩略图，并获取它的宽度、高度和 URL。

您还可以使用thumbnails->set 功能更新缩略图。

例如，您可以查看YouTube API Samples 项目。 (PHP ones)

【讨论】：

【解决方案2】：

很简单，只需从 YouTube 获取视频的 ID 和您想要的图像的序列号，并将它们分别插入到以下 URL 中的 [VIDEOID] 和 [SEQNUM] 中：

http://img.youtube.com/vi/[VIDEOID]/[SEQNUM].jpg

例如对于这个 URL：

http://www.youtube.com/watch?v=dOwZZyGJ9aQ

可以通过以下方式获取缩略图：

http://img.youtube.com/vi/dOwZZyGJ9aQ/0.jpg

http://img.youtube.com/vi/dOwZZyGJ9aQ/1.jpg

http://img.youtube.com/vi/dOwZZyGJ9aQ/2.jpg

http://img.youtube.com/vi/dOwZZyGJ9aQ/3.jpg

等等..

来源：http://www.tonylea.com/2011/how-to-get-youtube-thumbnail-images/

【讨论】：

谢谢先生，我想在输入链接时生成 iframe 嵌入

【解决方案3】：

youtube 和 vimeo 在它们的 DOM 中都有元信息标签 itemprop="thumbnailUrl"。

例如：对于 youtube 来说是

<link itemprop="thumbnailUrl" href="http://i1.ytimg.com/vi/CElN2XzquGM/hqdefault.jpg">

对于vimeo来说是

<meta itemprop="thumbnailUrl" content="http://b.vimeocdn.com/ts/435/519/435519601_1280.jpg">

我猜其他视频主机可能有这种元信息，这就是 facebook 从中获取图像的地方

【讨论】：