Youtube / Google Data API gapi.client未定义?

时间:2013-12-27 04:27:53

标签: javascript html youtube youtube-api google-api

我想把this示例作为一个spotify应用程序,我将大量编辑。对于在Youtube Data API中具有实际经验的任何人来说,这应该非常简单。我知道有一些解决方案与谷歌API类似的问题,但所有的解决方案似乎都特定于api ...

我现在得到的具体错误:

 Uncaught TypeError: Cannot read property 'prototype' of undefined cb=gapi.loaded_0:6

index.html:这通常只是加载main.js但是为了完成这个例子,我只是从youtube数据api示例中删除了搜索代码。

<!doctype html>
<html>
  <head>
    <title>Search</title>
  </head>
  <body>
    <div id="buttons">
      <label> <input id="query" value='cats' type="text"/><button id="search-button" disabled onclick="search()">Search</button></label>
    </div>
    <div id="search-container">
    </div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script src="scripts/auth.js"></script>
    <script src="scripts/search.js"></script>
    <script src="https://apis.google.com/js/client.js?onload=onLoadCallback"></script>
  </body>
</html>

和search.js:

function handleAPILoaded() {
  $('#search-button').attr('disabled', false);
}

// Search for a specified string.
function search() {
  var q = $('#query').val();
  var request = gapi.client.youtube.search.list({
    q: q,
    part: 'snippet'
  });

  request.execute(function(response) {
    var str = JSON.stringify(response.result);
    $('#search-container').html('<pre>' + str + '</pre>');
  });
}

0 个答案:

没有答案