Youtube動画のサムネイルに関して…

当サイトで表示している『Youtube動画のサムネイル』は、ダウンロードして自サイトにアップロードしていません。

サムネイル取得

アップロードされているYoutube動画から、GoogleのYouTube Data APIを通して提供されている情報を利用してサムネイルを取得しています。
Youtube動画には、動画IDが割り当てられています。

例：https://www.youtube.com/watch?v=qwLyUTDyaOI

動画IDは『qwLyUTDyaOI』です。

動画IDがわかったので、Data APIにあるようにサムネイルを取得できるURLパスに埋め込みます。

サムネイルには二つの方法があります。

Youtube動画の場面を４つのパターンで切り出します。
0：総合（480ｘ360）
1：序盤（120ｘ90）
2：中盤（120ｘ90）
3：終盤（120ｘ90）

http://img.youtube.com/vi/YouTube動画ID/（０－４の数字）.jpg

例

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

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

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

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

クオリティ（総合）タイプの５つのパターンでの取得出来ます。
高クオリティ（480ｘ360）：hqdefault.jpg
中クオリティ（320ｘ180）：mqdefault.jpg
標準クオリティ（120ｘ90）：default.jpg
HQ動画クオリティ（640ｘ480）：sddefault.jpg
FULLHDクオリティ（1920ｘ1080）：maxresdefault.jpg

http://img.youtube.com/vi/YouTube動画ID/ファイル名

例

http://img.youtube.com/vi/qwLyUTDyaOI/hqdefault.jpg

http://img.youtube.com/vi/qwLyUTDyaOI/mqdefault.jpg

http://img.youtube.com/vi/qwLyUTDyaOI/default.jpg

http://img.youtube.com/vi/qwLyUTDyaOI/sddefault.jpg

http://img.youtube.com/vi/qwLyUTDyaOI/maxresdefault.jpg

サムネイルの表示方法

当サイトで、Youtube動画からサムネイルの取得と表示部分

parse_str(parse_url($videoUrl, PHP_URL_QUERY), $query);
if (isset($query))
{
$videoId = $query['v'];
if( $params["mode"] === 0 )
{
$yImage = 'https://img.youtube.com/vi/'.$videoId.'/mqdefault.jpg';
}
else
{
$yImage = 'https://img.youtube.com/vi/'.$videoId.'/default.jpg';
}
$imgSrc = $yImage;
}

$videoUrl には、表示する動画のURLを入れています。
$imgSrc には、表示すべきサムネイルが入っています。

img の src に、$imgSrc を挿入して、サムネイルを表示している。
動画の持ち主の名前を同時に表示、設定を行っています。

当サイトで表示している『Youtube動画のサムネイル』は、ダウンロードして自サイトにアップロードしていません。
『Youtube動画のサムネイル』を直接、画像の編集をしないで表示しています。サムネイルは、記事のトップにまとめて表示しています。