<html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/module/include/strm/youtubedataapi_v3_list/style.css"> <title>YouTubeAPIv3サンプル | 動画情報取得(認証なし)</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> var apiKey="AIzaSyADjDbt-bUW40F3c41Mu0HWRPXLpAMbPy4"; /* 自分のキー */ var limit="none"; var pageToken=""; var allcnt=0; var j=0; /* APIロード */ function onJSClientLoad() { dbg("onJSClientLoad"); gapi.client.setApiKey(apiKey); gapi.client.load('youtube', 'v3', makeRequest); } var requestOptions = { "regionCode":"JP", /* 国コード */ "hl":"ja", /* 言語 */ "part":"id,snippet" }; function makeRequest(){ dbg("makeRequest:"+pageToken); if(pageToken){ dbg("pageTokenあり:"+pageToken); requestOptions.pageToken=pageToken; }else{ dbg("pageTokenなし"); } var request=gapi.client.request({ mine:"", path:"/youtube/v3/videoCategories", params:requestOptions }); request.execute(function(resp) { dbg(resp); output(resp,pageToken); }); } var totalResults=0; var resultsPerPage=0; var total=0; var s=""; function output(resp,pageTokenFLG){ itemOutput(resp.items); $("#results").append("<h2>カテゴリ数:"+resp.items.length+"</h2><table>"+s+"</table>"); } function itemOutput(items){ s+="<thead><tr><th>id</th><th>title</th><th>channelId</th></tr></thead>"; s+="<tbody>"; $.each(items, function(i, item){ j=(allcnt*resultsPerPage)+i+1; s+="<tr>"; s+=(item.id)?"<th>"+((item.id)?item.id:"")+"</th>":"<th>-</th>"; if(item.snippet){ var snippet=item.snippet; s+=(snippet.title)?"<td>"+snippet.title+"</td>":"<td>-</td>"; s+=(snippet.channelId)?"<td>"+snippet.channelId+"</td>":"<td>-</td>"; } s+="</tr>"; }); s+="</tbody>"; } var dbg=function(str){ try{ if(window.console && console.log){ console.log(str); } }catch(err){ //alert("error:"+err); } } </script> <script src="https://apis.google.com/js/client.js?onload=onJSClientLoad"></script> <link rel="stylesheet" type="text/css" href="/common/css/example.css"></head> <body id='example3' class='example'><div class="ads" style="margin:32px auto;text-align:center;"></div><h1 class='h'><a href='/'>PHP & JavaScript Room</a> :: 設置サンプル</h1> <h3 class='h'>実行結果</h3> <h1>設置サンプル:[YouTube API(v3) - 動画情報取得</h1> <div id="results"></div> </body> /html>
/html>