YouTube Data API v3をつかって動画を検索する（ログインなし）

ついに YouTube Data API v2 が停止してしまったので仕様を調べて v3 に乗り換えました。

基本的にはこちらを信じて実装すれば問題なく実装できます。

実装方針としては、ユーザーにログインを求めるパターンと、ログイン不要のパターンがあるのですが、今回はログイン不要バージョンで実装しました。

プロジェクトを作成する

https://code.google.com/apis/console/ にアクセスしてプロジェクトを作成します。

f:id:kimizuka:20150514125352p:plain

code.google.com

APIを有効にする

「APIと認証」の「API」を選択。
「YouTube Data API 」を選択し「APIを有効にする」ボタンをクリック。

f:id:kimizuka:20150514130205p:plain

新しいキーを作成

「APIと認証」の「認証情報」を選択。
「公開APIへのアクセス」の「新しいキーを作成」ボタンをクリック。

f:id:kimizuka:20150514130525p:plain

キーの種類は「ブラウザキー」を選択。APIを叩くドメインを記入し、作成。

ブラウザアプリケーションのキーが生成されるので API キーをメモ。

JavaScriptを書く

(function(win, doc, $) {

  "use strict";

  // KEY は https://console.developers.google.com にて公開APIキーを作成する必要があります
  // KEYWORD は 検索したいワードをつかってください

  $.ajax({
    type     : "get",
    dataType : "jsonp",
    url      : "https://www.googleapis.com/youtube/v3/search?type=video&part=snippet&q=" + KEYWORD + "&key=" + KEY
  }).done(function(evt) {
    console.log(evt);
  });
})(this, document, $);

DEMO

こちらのサイトで「スピッツ」で引っかかった動画を5件、consoleにひっそりと表示しています。

http://kimizuka.github.io/google-api/YouTube/search/

今回は以上です。

みかづきブログその3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。