在 HTML 页面上使用 YouTube API Javascript

Question

我是网络开发的新手，我正在尝试制作一个非常简单的搜索页面，使用 YouTube API 显示 YouTube 视频。我一直在关注这里的示例：https://developers.google.com/youtube/v3/code_samples/javascript?hl=fr#search_by_keyword 但我运气不好。我没有错误，但也没有搜索结果。

我当前的代码在这里：http://amalthea5.github.io/thinkful-tube/

Answer 1

好像有几个问题。你需要使用

<script src="https://apis.google.com/js/client.js?onload=googleApiClientReady"></script>

而不是

<script src="https://apis.google.com/js/client.js?onload=onClientLoad" type="text/javascript"></script>

因为你需要确保 auth.js 中的初始化函数 googleApiClientReady() 被调用。

但是，Google API 还报告不存在 ID 为 trusty-sentinel-92304 的 OAuth 客户端。

编辑：

如果没有 OAuth 客户端 ID，而是 API 密钥，则根本不应该使用身份验证 API。相反，您需要将 API 键作为参数添加到每个 API 调用（如此处所述：https://developers.google.com/youtube/v3/docs/standard_parameters）。

试试这个作为开始：

gapi.client.load('youtube', 'v3', function() {
  var request = gapi.client.youtube.search.list({
    key: "YOUR_API_KEY",
    q: "cats",
    part: 'snippet'
  });

  request.execute(function(response) {
    var str = JSON.stringify(response.result);
    console.log(str);
  });
});

Answer 2

首先，如果您再次阅读您正在阅读的教程，它说：

Again, you need to update the client ID in the auth.js file to run this code.

你好像没有，

同样通过运行来自控制台的搜索查询我得到以下错误：

TypeError: gapi.client.youtube is undefined

意味着 api 没有启动，你应该仔细检查你嵌入 google javascript 文件的方式和这样做的优先级（它们的顺序）

在 HTML 页面上使用 YouTube API Javascript

Using YouTube API on HTML page with Javascript

javascript

youtube

api