使用Youtube API搜索数据

Question

此时非常新，但想尝试构建一些东西。决定一个简单的登陆页面，有助于拉动Youtube视频。得到了我的API密钥并开始构建。遇到几个问题。发现它无法从本地HTML文件调用，因此找到了另一种测试方法，但现在我有另一个问题。

我按下按钮后运行以下代码，将表单中的文本作为变量主题提交。

function search() {
var hdi = "how do i ";
var request = gapi.client.youtube.search.list({
    part: 'id',
    q: hdi + topic,
});
request.execute(onSearchResponse);
};


function onSearchResponse(response){
var responseString = JSON.stringify(response, " ", 2);
console.log(responseString);
}

但我似乎无法得到我正在寻找的回应。我得到的JSON数据似乎对应于搜索引擎（雅虎，鸭子去等）的混合，而不是YouTube搜索的JSON数据。

这是一个CodePen，如果有更多的帮助。我有一些代码注释掉了我正在等待直到我实现这个部分。谢谢你能给我的任何帮助！

https://codepen.io/billsobill/pen/OvxNON