YouTube動画のサムネイル画像を取得する方法
https://www.youtube.com/watch?v=qrNFXrbDwGc の動画のサムネイルを取得(表示)したい場合、?v=以降のqrNFXrbDwGcが動画のIDです。
サムネイルのURLは、https://img.youtube.com/vi/ID/mqdefault.jpg という形式になっていますので、https://img.youtube.com/vi/qrNFXrbDwGc/mqdefault.jpg となります。
mqdefault.jpgの画像がこれです。
mqdefault.jpgの部分を変更することで、様々なサイズのサムネイル画像を取得する事が出来ます。
default.jpg 画像サイズ:120*90
mqdefault.jpg 画像サイズ:320*180
hqdefault.jpg 画像サイズ:480*360
YouTube動画をブログに複数埋め込むと表示されるまでに時間が掛かったりしますので、サムネイルをクリックしたら動画を表示させるという方法や、クリックしたら埋め込み動画を読み込むjavascriptを仕込んでおくという方法もあります。
mqdefault.jpgを読み込んでhttps://www.youtube.com/watch?v=qrNFXrbDwGcへのリンクを設定してあります。画像をクリックすると、新しいタブ(ウィンドウ)が開いて、YouTubeのサイトで動画が再生されます。
コメント