● 内容
① YouTubeのスクリーンショットの画像のURLについて
② 下記の動画の例
下記の動画の動画ID(ビデオID)は、XHdcW2axwMkです。
http://www.youtube.com/watch?v=XHdcW2axwMk
③ スクリーンショットのURLと画像の例
画像の大きさ(幅×高さ) 120×90
http://img.youtube.com/vi/XHdcW2axwMk/default.jpg
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2Fdefault.jpg)
画像の大きさ(幅×高さ) 480×360
http://img.youtube.com/vi/XHdcW2axwMk/hqdefault.jpg
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2Fhqdefault.jpg)
画像の大きさ(幅×高さ) 480×360
http://img.youtube.com/vi/XHdcW2axwMk/hq1.jpg
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2Fhq1.jpg)
画像の大きさ(幅×高さ) 480×360
http://img.youtube.com/vi/XHdcW2axwMk/hq2.jpg
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2Fhq2.jpg)
画像の大きさ(幅×高さ) 480×360
http://img.youtube.com/vi/XHdcW2axwMk/hq3.jpg
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2Fhq3.jpg)
画像の大きさ(幅×高さ) 480×360
http://img.youtube.com/vi/XHdcW2axwMk/0.jpg
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2F0.jpg)
画像の大きさ(幅×高さ) 120×90
http://img.youtube.com/vi/XHdcW2axwMk/1.jpg
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2F1.jpg)
画像の大きさ(幅×高さ) 120×90
http://img.youtube.com/vi/XHdcW2axwMk/2.jpg
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2F2.jpg)
画像の大きさ(幅×高さ) 120×90
http://img.youtube.com/vi/XHdcW2axwMk/3.jpg
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2F3.jpg)
④ 動画のサムネイルにする場合は、大きな画像を使って、widthで
幅を小さくすれば、画質は落ちません。
例(200pxの例)
<img src="http://img.youtube.com/vi/XHdcW2axwMk/hqdefault.jpg" width="200">
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2Fhqdefault.jpg)
⑤ ビデオボックス での利用例
<a href="http://www.youtube.com/watch?v=XHdcW2axwMk"><img src="http://img.youtube.com/vi/XHdcW2axwMk/hqdefault.jpg" width="200"></a>
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fimg.youtube.com%2Fvi%2FXHdcW2axwMk%2Fhqdefault.jpg)