YouTubeのサムネイルを取得する

YouTubeのサムネイルを表示させておいてクリックされた時に動画を呼び出して再生させる、というような事をよくやるんだけど、サムネイルのURLをよく忘れるのでメモ。

サムネイルのサイズや種類は複数ある

でも基本的なフォーマットというか、サーバは同じ。

https://img.youtube.com/vi/<YouTube動画ID>/<サイズ・種類>.jpg

詳細は以下の通り。

120×90px（デフォルト）

<img src="https://img.youtube.com/vi/Y8VrUcaCKXs/default.jpg" alt="攻殻機動隊ARISE border:2 Ghost Whispers 劇場予告編">

120×90px（動画序盤）

<img src="https://img.youtube.com/vi/Y8VrUcaCKXs/1.jpg" alt="攻殻機動隊ARISE border:2 Ghost Whispers 劇場予告編">

120×90px（動画中盤）

<img src="https://img.youtube.com/vi/Y8VrUcaCKXs/2.jpg" alt="攻殻機動隊ARISE border:2 Ghost Whispers 劇場予告編">

120×90px（動画終盤）

<img src="https://img.youtube.com/vi/Y8VrUcaCKXs/3.jpg" alt="攻殻機動隊ARISE border:2 Ghost Whispers 劇場予告編">

320×180px（中サイズ）

<img src="https://img.youtube.com/vi/Y8VrUcaCKXs/mqdefault.jpg" alt="攻殻機動隊ARISE border:2 Ghost Whispers 劇場予告編">

480×360px（大サイズ）

<img src="https://img.youtube.com/vi/Y8VrUcaCKXs/0.jpg" alt="攻殻機動隊ARISE border:2 Ghost Whispers 劇場予告編">

ほとんどの場合大サイズを使うけど、この上下の帯はどうにかならないものか。
（いつも親要素に overflow:hidden を設定して、ネガティブマージンで隠してる）