youtubeの動画のサムネイルを取得したい

質問

youtubeの動画のサムネイルを取得したい

youtubeからサムネイルを取得してブログに貼りつけたいのですが、
どうすればいいのでしょうか。
http://www.nplll.com/mutter/archives/2009/02/api_php.php
を試してみたのですが、できませんでした。

回答No.2

yyr446 · ベストアンサー

youtubeの動画のサムネイルのURLを調べて、静的に自分のブログに張り付けたいだけなら、
その動画のVIDEO-IDを見つけて
VIDEO-ID　とは　PPz6bZi-EJ4　みたいに意味不明のコードがその動画の再生URLについてるはずです。

次にブラウザーで、そのVIDEO-IDを使って
http://gdata.youtube.com/feeds/api/videos/PPz6bZi-EJ4
にアクセスすると、XMLファイルが返されるので、保存します。
（IEだとこの辺の操作が．．．）
保存したファイルをIEで開くと
<?xml version="1.0" encoding="UTF-8" ?>
- <entry xmlns="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" xmlns:gd="http://schemas.google.com/g/2005" xmlns:yt="http://gdata.youtube.com/schemas/2007">
<id>http://gdata.youtube.com/feeds/api/videos/PPz6bZi-EJ4</id>
<published>2009-08-08T12:41:42.000Z</published>
<updated>2010-03-14T22:47:04.000Z</updated>
<category scheme="http://schemas.google.com/g/2005#kind" term="http://gdata.youtube.com/schemas/2007#video" />
<category scheme="http://gdata.youtube.com/schemas/2007/categories.cat" term="Sports" label="スポーツ" />
<category scheme="http://gdata.youtube.com/schemas/2007/keywords.cat" term="フィギュアスケート" />
<title type="text">mao asada 浅田真央　総集編</title>
<content type="text" />
<link rel="alternate" type="text/html" href="http://www.youtube.com/watch?v=PPz6bZi-EJ4&feature=youtube_gdata" />
<link rel="http://gdata.youtube.com/schemas/2007#video.responses" type="application/atom+xml" href="http://gdata.youtube.com/feeds/api/videos/PPz6bZi-EJ4/responses" />
<link rel="http://gdata.youtube.com/schemas/2007#video.related" type="application/atom+xml" href="http://gdata.youtube.com/feeds/api/videos/PPz6bZi-EJ4/related" />
<link rel="http://gdata.youtube.com/schemas/2007#mobile" type="text/html" href="http://m.youtube.com/details?v=PPz6bZi-EJ4" />
<link rel="self" type="application/atom+xml" href="http://gdata.youtube.com/feeds/api/videos/PPz6bZi-EJ4" />
- <author>
<name>sticktomy090</name>
<uri>http://gdata.youtube.com/feeds/api/users/sticktomy090</uri>
</author>
- <gd:comments>
<gd:feedLink href="http://gdata.youtube.com/feeds/api/videos/PPz6bZi-EJ4/comments" countHint="41" />
</gd:comments>
- <media:group>
<media:category label="スポーツ" scheme="http://gdata.youtube.com/schemas/2007/categories.cat">Sports</media:category>
<media:content url="http://www.youtube.com/v/PPz6bZi-EJ4?f=videos&app=youtube_gdata" type="application/x-shockwave-flash" medium="video" isDefault="true" expression="full" duration="282" yt:format="5" />
<media:content url="rtsp://v4.cache7.c.youtube.com/CiILENy73wIaGQmeEL6Ybfr8PBMYDSANFEgGUgZ2aWRlb3MM/0/0/0/video.3gp" type="video/3gpp" medium="video" expression="full" duration="282" yt:format="1" />
<media:content url="rtsp://v5.cache7.c.youtube.com/CiILENy73wIaGQmeEL6Ybfr8PBMYESARFEgGUgZ2aWRlb3MM/0/0/0/video.3gp" type="video/3gpp" medium="video" expression="full" duration="282" yt:format="6" />
<media:description type="plain" />
<media:keywords>フィギュアスケート</media:keywords>
<media:player url="http://www.youtube.com/watch?v=PPz6bZi-EJ4&feature=youtube_gdata" />
<media:thumbnail url="http://i.ytimg.com/vi/PPz6bZi-EJ4/2.jpg" height="90" width="120" time="00:02:21" />
<media:thumbnail url="http://i.ytimg.com/vi/PPz6bZi-EJ4/1.jpg" height="90" width="120" time="00:01:10.500" />
<media:thumbnail url="http://i.ytimg.com/vi/PPz6bZi-EJ4/3.jpg" height="90" width="120" time="00:03:31.500" />
<media:thumbnail url="http://i.ytimg.com/vi/PPz6bZi-EJ4/0.jpg" height="240" width="320" time="00:02:21" />
<media:title type="plain">mao asada 浅田真央　総集編</media:title>
<yt:duration seconds="282" />
</media:group>
<gd:rating average="4.6434784" max="5" min="1" numRaters="230" rel="http://schemas.google.com/g/2005#overall" />
<yt:statistics favoriteCount="222" viewCount="127342" />
</entry>
と見えるはずです。
その中の
<media:thumbnail url="http://i.ytimg.com/vi/PPz6bZi-EJ4/2.jpg" height="90" width="120" time="00:02:21" />
のurl=の部分がサブネール画像のURLですから、自分のブログに
<img src="http://i.ytimg.com/vi/PPz6bZi-EJ4/2.jpg" height="90" width="120">
として張り付ければよろしいかと

お礼

なるほど。サムネイルのアドレスが分かれば良いんでしたか。こんな感じですかね
<img src="http://i.ytimg.com/vi/【動画ID】/2.jpg" height="任意" width="任意">
やりたかったことが出来たので助かりました。

回答No.1

yyr446

このサンプルはPHPですね。
JAVASCRIPTの例として、ヒントになりそうな回答が、
http://oshiete1.goo.ne.jp/qa5744764.html
にあります。
http://gdata.youtube.com/feeds/api/videos?
を使ったyoutubeの動画の検索リクエストについては
http://code.google.com/intl/ja/apis/youtube/developers_guide_protocol.html#Browsing_with_Categories_and_Keywords
の前後のページに解説があります。
サブネール画像URLは結果レスポンスの中の
feedの下のentryの下のmediaの下のmedia:groupの下のmedia:thumbnail
にあります解説は↓の前後を参考に
http://code.google.com/intl/ja/apis/youtube/reference.html#youtube_data_api_tag_media:thumbnail

お礼

javascriptはちょっとわからないですね…
APIの情報は今後使いそうなので助かります。