PHP & JavaScript Room :: 設置サンプル

実行結果

設置サンプル：[YouTube API(v3) - 動画情報取得

設置サンプルのソース

<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 &amp; JavaScript Room</a> :: 設置サンプル</h1>
<h3 class='h'>実行結果</h3>
   <h1>設置サンプル：[YouTube API(v3) - 動画情報取得</h1>
   <div id="results"></div>
</body>
/html>
/html>