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

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

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

サムネイル取得

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

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

動画IDは『qwLyUTDyaOI』です。

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

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

Youtube動画の場面を4つのパターンで切り出します。
0:総合(480x360)
1:序盤(120x90)
2:中盤(120x90)
3:終盤(120x90)

http://img.youtube.com/vi/YouTube動画ID/(0-4の数字).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

クオリティ(総合)タイプの5つのパターンでの取得出来ます。
高クオリティ(480x360):hqdefault.jpg
中クオリティ(320x180):mqdefault.jpg
標準クオリティ(120x90):default.jpg
HQ動画クオリティ(640x480):sddefault.jpg
FULLHDクオリティ(1920x1080):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動画のサムネイル』を直接、画像の編集をしないで表示しています。サムネイルは、記事のトップにまとめて表示しています。