WordPressを用いたホームページ制作はお任せください!岡山県を中心に絶賛活動中!
  • 予想以上に簡単だった!YOUTUBE動画のサムネイルを取得する方法
  • 記事公開:2015/11/09
  • 最終更新:2015/11/10

予想以上に簡単だった!YOUTUBE動画のサムネイルを取得する方法

YOUTUBE動画のサムネイルを取得する方法をご紹介します。YOUTUBEの様々なサイズのサムネイルを取得したい方に向けたコンテンツです。2分後にはお好きなサイズのサムネイルを自由に取得できるようになります。

この記事は約 4 分で読めます。

YouTube動画のサムネイル画像を取得する方法

YOUTUBE動画のサムネイル画像は、URLを指定するだけで取得することが出来ます。
取得したい動画のIDさえわかれば、様々なサイズのサムネイルを取得可能です。

例えば、以下の動画を例にサムネイル画像を取得してみましょう。

まずは、動画のIDを取得しましょう。

https://www.youtube.com/watch?v=Skw43XwX6oc

動画IDは動画URLの中に含まれています。
動画URLの太文字部分が動画IDとなっております。

小さいサムネイル画像を取得してみよう。

http://i.ytimg.com/vi/Skw43XwX6oc/default.jpg

上記のURLにアクセスしてみてください。
以下の小さなサイズ(W120 x H90)のサムネイル画像が表示されます。

default

URLの太文字部分が取得したい動画のIDとなっています。
この部分を置き換えることでお好きな動画のサムネイルを取得することが出来ます。

小さなサイズのサムネイルは以下のURLでも取得可能です。

http://i.ytimg.com/vi/Skw43XwX6oc/1.jpg
http://i.ytimg.com/vi/Skw43XwX6oc/2.jpg
http://i.ytimg.com/vi/Skw43XwX6oc/3.jpg

サイズは統一ですが、URLごとに表示されるサムネイルは異なります。

中くらいサムネイル画像を取得してみよう。

http://i.ytimg.com/vi/Skw43XwX6oc/mqdefault.jpg

上記のURLにアクセスしてみてください。
以下の中くらいサイズ(W320 x H180)のサムネイル画像が表示されます。

mqdefault

このサイズのサムネイル画像はこの1種類しか取得できません。

大きいサムネイル画像を取得してみよう。

http://i.ytimg.com/vi/Skw43XwX6oc/hqdefault.jpg

上記のURLにアクセスしてみてください。
以下の大きいサイズ(W480 x H360)のサムネイル画像が表示されます。

hqdefault

大きいサイズのサムネイル画像は以下のURLでも取得可能です。

http://i.ytimg.com/vi/Skw43XwX6oc/0.jpg

まとめ

YOUTUBE動画のサムネイル画像を簡単に取得する方法をご紹介しました。

以前、YOUTUBE動画のまとめサイトに携わった時に学んだ内容です。
YOUTUBE関連のサイトを立ち上げる時など役に立つかもしれません。

シェアしていただきありがとうございます。

この記事が気に入ったら【いいね】しよう!

著者:とあるWEBディレクター

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に7年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • CSSだけで文章を縦書きにする方法

    CSSだけで文章を縦書きにする方法えおご紹介しています。文章を縦書きにしたいけどやり方が分からない方は必見です。3分後には自由自在に文章を縦書きにすることが出来ます。 記事を読む

  • 【レスポンシブサイト】デバイスの横幅で画像を切り替える方法

    サイトにアクセスしたデバイスの横幅で画像を切り替える方法をご紹介します。レスポンシブサイトで、PCとスマホで違う画像を表示させたい場合などに使えます。5分程度で実装できますので、興味のある方は参考にしてください。 記事を読む

  • CSSだけでHTMLのbrタグを無効にする方法

    CSSだけでHTMLのbrタグを無効にする方法をご紹介します。レスポンシブサイトなど、スマホ表示の場合のみbrタグを削除したい場合など重宝します。1分で理解できる無いようですので、サクッと身につけてしまいましょう。 記事を読む

  • 初心者でも簡単!モーダルウィンドウを7分で導入する方法!

    初心者の方でも簡単にモーダルウィンドウをサイトに導入する方法をご紹介します。モーダルウィンドウを導入したいけど上手く導入することができなかった方、ぜひ参考にしてください。 記事を読む

  • バナー広告をPHPでランダムに表示する方法

    バナー広告をPHPでランダムに表示させる方法を解説しています。サイドバーなどの広告をランダムに切り替えてみたい方は参考にしてください。3分後にはバナー広告をランダムに切り替えることができるにようになっています。 記事を読む

コメントを残す


(必須)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)