如何在网页中集成 youtube javascript api答案

【问题标题】：How to intergate youtube javsacript api in web page如何在网页中集成 youtube javascript api
【发布时间】：2017-08-19 09:13:19
【问题描述】：

我是第一次使用 youtube api。我想在我的网站上实现评级 api。这是我正在使用的代码

 function videosGetRating(params) {
  params = removeEmptyParams(params); // See full sample for function
  var request = gapi.client.youtube.videos.getRating(params);
  executeRequest(request);
}

我是 api 密钥的新手。我只想知道如何将api集成到我的网页中？从那里我可以获取 youtube api 的 url 以集成到我的网站上。

感谢任何帮助

【问题讨论】：

您的代码有什么问题？
ReferenceError: removeEmptyParams 未定义@JaromandaX
好吧，那个函数应该是什么——你定义了吗？ // See full sample for function 的评论表明你已经从某个地方复制了这段代码，并且没有费心检查“完整示例”以了解该函数的定义——只有你知道你从哪里得到了 5 行代码

标签： javascript youtube-api

【解决方案1】：

youtube的xhr请求方法

var xhr = new XMLHttpRequest();
xhr.open("GET",' https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=50&q=query&key=yourAPIkey', false);
  xhr.setRequestHeader( 'Content-Type', 'application/json' );
  xhr.setRequestHeader( 'charset', 'utf-8' );
    xhr.setRequestHeader( 'Access-Control-Allow-Origin', '*');
  xhr.setRequestHeader( 'Accept-Language', '*');
   xhr.send(null);
   xhr_objct = JSON.parse(xhr.responseText);

它将根据您的查询响应 json 对象

【讨论】：

【解决方案2】：

documentation page for the youtube api 向您展示了小样本 sn-ps。每个代码示例上方的右上角都有一个小滑块。您可以使用该滑块切换显示完整的代码示例。在里面，您会发现在您的小代码 sn-p 和您需要的其他代码部分中未定义的 removeEmptyParamsfunction 定义（因此出现错误消息）。

你是对的，你需要一个 Youtube api 密钥。 Here you will find information and a small video on obtaining an API key

【讨论】：