Youtubeの動画を埋め込むのではなくサムネイルを表示させる方法!

YouTubeの動画を埋め込むのではなく、動画のサムネイルを表示させることによってサイトの表示を早くする時などに役に立ちます!

この動画でサムネイルを表示したいと思います。

この動画のURLは下記になり、「watch?v=」以降の「VFZcCEZUbKo」の部分が"動画のID"となります。
https://www.youtube.com/watch?v=VFZcCEZUbKo

アイコンサイズ:120x90

http://img.youtube.com/vi/動画ID/default.jpg

http://img.youtube.com/vi/動画ID/1.jpg

http://img.youtube.com/vi/動画ID/2.jpg

http://img.youtube.com/vi/動画ID/3.jpg

16:9比率:320x180

http://img.youtube.com/vi/動画ID/mqdefault.jpg

4:3比率:480x360

http://img.youtube.com/vi/動画ID/0.jpg

http://img.youtube.com/vi/動画ID/hqdefault.jpg

16:9比率:1280x720(高画質)
このサイズに限りアップロードされている動画がHD以上でないと表示されません。
http://img.youtube.com/vi/動画ID/maxresdefault.jpg

以上、こんな感じで簡単にサムネイルを表示させることができます。

下記サイトでYoutubeのURLを入れれば画像を生成してくれます。
生成された画像を右クリックで保存でOKです。
≫ http://youtubethumbnailgenerator.blogspot.jp/

こんなサイトもあります。
ThumbTube 大量動画も表示が軽いYouTubeサムネイル作成ツール
≫ http://thumbtube.longseller.org/

この記事を見た人は、こんな記事も見ています!

  • この記事を書いた人

harukin

個人的なことを個人的な視点で書いてます。 Eスポーツ、ガジェット、フィットネスなどが中心です。 ゲーム大会のイベント事業、WEB管理・作成などをしております。

-HTML・CSS・JS, WEBデザイン, ディレクション
-, ,

© 2024 ふらリズム|EスポーツやPCゲーム、ガジェットを中心に情報をお届け!