先日、「【React Native】「react-native-youtube-iframe」ライブラリでYoutubeの動画を再生する」という記事で React Native アプリ上で Youtube の動画を再生する方法について紹介しましたが、その際に動画のサムネイル画像も取得する必要があったので手順についてまとめ。
参考にさせていただいた記事はこちらから。
Youtubeの動画のサムネイル画像のURL at softelメモ
https://www.softel.co.jp/blogs/tech/archives/5156
手順と言っても難しい事はまったくなく、下記の URL にアクセスするだけです。
https://img.youtube.com/vi/[動画ID]/sddefault.jpg
動画ID は、Youtube の URL、https://youtube.com/watch?v=XXXXXX の v= 以降の文字列です。
なお、こちらの URL では標準画質のサムネイルを取得できます。
他にも、高画質版や最大解像度版、デフォルトのサムネイル画像など、様々なサムネイル画像を取得できます。
実際に画像を確認してみて、最適な画像を選んでください。
私の場合は、そこまで大きく画像を表示する必要はなかったので、標準画質のサムネイルを使うようにしました。
以上、Youtube の動画のサムネイル画像を取得する方法についてでした。
ご参考になれば幸いです。
