« iPhoneのメニューアイコンのような glossy.js | トップページ | 制作実績「魚政亭」さん »

2008.07.25

YouTubeのタグ機能を利用した動画集

AJAX Video Bar|Web Designing 2008年8月

今回も8月号のWeb Designingの特集、「使い方はあなた次第!未来形Ajax」から1つ紹介してみます。
Google Ajax API を使い「YouTube」の共通のタグを持つ動画のサムネイルを並べることができるサンプルです。「Google AJAX Search API - AJAX Video Bar」というページで使用されています。
このサンプルでは、YouTube内の各動画に付けられたタグをキーワードに、該当する動画をランダムに表示してくれます。もちろんGoogle AJAX Search API を利用しているので動画検索も可能です。

百聞は一見に如かず、サンプルです。

↑このサンプルはこちらからダウンロードできます。
※このブログで表示しているサンプルとダウンロード版は多少異なっています。ご了承の上、ご利用ください。

何はなくとも、GoogleのアカウントとAPIキーを取得しましょう。※多分このブログを見ている方はもうすでに取得済みだと思いますが…。
取得したAPIキーをサンプルhtmlの31行目に入れてください。

サンプルhtmlの55行目、
[{ query : "宇宙部"}, { query : "水曜どうでしょう"}]
が検索するキーワードです。
query :の次に任意のキーワードを入れてください。
詳しくは、Web Designing 8月号を読んでいただくのがよろしいかと…。「使い方はあなた次第!未来形Ajax」は一読して損はない特集だと思います。

|

« iPhoneのメニューアイコンのような glossy.js | トップページ | 制作実績「魚政亭」さん »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/35737/41934504

この記事へのトラックバック一覧です: YouTubeのタグ機能を利用した動画集:

« iPhoneのメニューアイコンのような glossy.js | トップページ | 制作実績「魚政亭」さん »