chrome firefox IE safari chain youtube-play pocket hatena facebook feedly github google-plus rss twitter search code envelope-o home pencil website works calendar drawer tag
2015/02/19

YouTubeの動画のサムネイル取得が思った以上に簡単だった件

YouTubeの動画サムネイルを取得する方法を調べていたら、URLを入れるだけで簡単に取得出来る事がわかりましたのでご紹介。需要はあまりないかもしれませんが、参考になれば幸いです。

YouTubeの動画のサムネイルを取得したい

クライアントさまから、「WordPressを使って、YouTubeにアップした動画を紹介したいが、動画自体はYouTubeのサイトの方で見せたい」という要望があり、アップした動画のIDをカスタムフィールドに入れてもらって・・等を考えてたのですが、

サムネイルはどうしようかと思いYouTube側から取れないか調べてみたら、めちゃくちゃ簡単にサムネイルが取得できました。

 

参考サイト

URLを指定するだけ!YouTube動画のサムネイル画像を一発で取得する方法 | Time to live forever

( http://unsolublesugar.com/20130808/153039/ )

URLを入れるだけ

参考サイトでも紹介されているように、URLを入れるだけでサムネイルが取得出来ました。

http://i.ytimg.com/vi/動画ID/画像サイズ.jpg

動画IDは

//www.youtube.com/watch?v=xTU0K5q7Zbo

赤字の部分ですね。

自分でアップした動画からサムネイルを取って、一覧にしましたので、ご参考になれば幸いです。

 

画像 サイズ URL
default 120×90 http://i.ytimg.com/vi/xTU0K5q7Zbo/default.jpg
1 120×90 http://i.ytimg.com/vi/xTU0K5q7Zbo/1.jpg
2 120×90 http://i.ytimg.com/vi/xTU0K5q7Zbo/2.jpg
3 120×90 http://i.ytimg.com/vi/xTU0K5q7Zbo/3.jpg
mqdefault 320×180 http://i.ytimg.com/vi/xTU0K5q7Zbo/mqdefault.jpg
hqdefault 480×360 http://i.ytimg.com/vi/xTU0K5q7Zbo/hqdefault.jpg
0 480×360 http://i.ytimg.com/vi/xTU0K5q7Zbo/0.jpg
sddefault 640×480 http://i.ytimg.com/vi/xTU0K5q7Zbo/sddefault.jpg
maxresdefault 1280×720 http://i.ytimg.com/vi/xTU0K5q7Zbo/maxresdefault.jpg

動画をアップした際にYouTube側で自動的に抽出される、3つのサムネイルがそれぞれあるみたいですね。

カスタムサムネイルを入れていると、そちらがdefaultに設定されるようです。

また、上下に黒い帯がついているのは、公式APIで説明されていました。

アップロードされたサムネイル画像が必要な寸法に一致しない場合、その画像はアスペクト比を変更することなく、正しいサイズに合わせてサイズ変更されます。画像はトリミングされませんが、サイズが正しくなるように黒いバーが含まれる場合があります。

Thumbnails – YouTube  Google Developers より引用

いつまで使えるかわかりませんが、しばらくは使えそうです。

※2015/02/20 タイトルが一部間違っていたので、修正しました。

今後の励みになりますので、良かったらシェアをお願いします。

このエントリーをはてなブックマークに追加