YouTube動画のサムネイルを自動で取得できるタグ

  • 公開日:2015.06.17
  • 更新日:2020.04.22
  • Cording
YouTube動画のサムネイルを自動で取得できるタグ

YouTube動画のサムネイルだけを自動で取得できるタグがあります。
サイズは4種類。

サムネイル(小サイズ):W120✕H90 ※小サイズのみ4パターンあり

http://i.ytimg.com/vi/YouTube動画ID/default.jpg
http://i.ytimg.com/vi/YouTube動画ID/1.jpg
http://i.ytimg.com/vi/YouTube動画ID/2.jpg
http://i.ytimg.com/vi/YouTube動画ID/3.jpg

サムネイルサイズ(中サイズ):W320✕H180

http://i.ytimg.com/vi/YouTube動画ID/mqdefault.jpg

サムネイルサイズ(大サイズ):W480✕H360

http://i.ytimg.com/vi/YouTube動画ID/hqdefault.jpg

Case Study

例えば動画を、他のjsと合わせ技でポップアップで再生したいとかいう時は、
サムネイルだけ取得したい場合があります。そんな時のために。

リンクとサムネイルセットで埋め込みたい場合は、
youtubeページの共有タブから、iframeの埋め込みタグをコピペしてくれば、
下記のように、貼り付けられます。

ちなみに参考動画は、サウスウエスト航空のラッパー乗務員さんの動画でした。

Cordingカテゴリの最新記事