youtubeのビデオをThumnailで表示するには

YoutubeをBlogとかで紹介する時って大概ビデオを埋め込んじゃいますが、画像で紹介したい時とかに使う方法。

画像表示のURLはhttp://img.youtube.com/vi/ビデオのID/キーワード.jpgの形式になります。

 

IronMan3のTrailerを例に解説
Iron Man 3 Teaser Trailer UK – Official Marvel | HD
URLはhttp://www.youtube.com/watch?v=5EjG-1U3wqAです。
IDはhttp://www.youtube.com/watch?v=“ビデオのID”なので今回の例では5EjG-1U3wqAです。

 

キーワードはいくつかあるのですが大きい順でいくと

    • maxresdefault(オリジナルサイズ)
    • 0,hqdefault(480x360px)
    • mqdefault(320x180px)
    • 3(120x90px)
    • 2(120x90px)
    • 1(120x90px)
    • default(120x90px)

があります。

Sample

480x360px | http://img.youtube.com/vi/5EjG-1U3wqA/0.jpg

480x360px | http://img.youtube.com/vi/5EjG-1U3wqA/hqdefault.jpg

320x180px | http://img.youtube.com/vi/5EjG-1U3wqA/mqdefault.jpg

120x90px | http://img.youtube.com/vi/5EjG-1U3wqA/0.jpg~default.jpg