Youtubeの動画にリンクを貼る際にいきなりembedタグを使うと
ページの動作が重くなります。
動画が1つならまだいいのですが、
一覧画面などで複数の動画が表示されるページだとかなり重く感じると思います。
一覧ではできればembedタグではなくサムネイルを表示したいですよね。
サムネイル画像はYoutubeですでに生成されたものを簡単に取得できます。
まずは動画のURLから動画のIDを取得します。
(URLの末尾の記号が動画のIDです)
あとは簡単、下記にURLに動画のIDを入れたものが
サムネイルのURLになります。
1 |
https://img.youtube.com/vi/(動画のID)/hqdefault.jpg |
サムネイルはクオリティ別に何種類かあるようです。
HQ動画
1 |
https://img.youtube.com/vi/(動画のID)/sddefault.jpg |
FULLHD動画
1 |
https://img.youtube.com/vi/(動画のID)/maxresdefault.jpg |