前回の記事(http://blog.livedoor.jp/j_yuze/archives/51369191.html)を受けて、 いろいろコピペで使えるようにしとくシリーズ。

まずはyoutubeAPI。

クリックしたらキーワードで検索してくるだけの機能。

$(function() {
  $("input#search").click(function() {
    search($("input#keyword").val());
  });
});
function search(keyword) {
  $.ajax({
    type: "GET",
    url: "http://gdata.youtube.com/feeds/videos",
    data: {
      "vq": keyword,
      "max-results": 10,
      "alt": "json-in-script"
    },
    dataType: "jsonp",
    success: function(data) {
      $("div#result").empty();
      $.each(data.feed.entry, function(i, item) {
        $("div#result").append(item.content.$t);
      });
    }
  });
}

パラメータは
      "vq": 検索キーワード
      "max-results": 結果取得数
      "alt": データタイプ
      "orderby": ソート(再生数順viewCount)


取得できるデータは色々あるけど、今回は以下のようにhtmlそのまま入っているデータを表示。