javascript - 如何在 HTML/JS 中显示字符串的 YouTube 搜索结果？

Question

我有一个 JS 函数 ShowResults，它将一组文本输入字段值推送到一个数组中，然后将其转换为字符串：

function showResults(myQuestions, quizContainer, resultsContainer){
  var answerContainers = quizContainer.querySelectorAll('.answers');

  var toSearch = [];
  
  for(var i=0; i <= myQuestions.length-1; i++){
     toSearch.push(answerContainers[i].querySelector('input[name="a'+i+'"]').value);
  }
  toSearch = JSON.stringify(toSearch);
}

现在我需要做的是对 toSearch 的内容（减去方括号和逗号）运行 YouTube 搜索并显示结果。

到目前为止，我已经找到了创建在新页面中显示结果的搜索功能的代码：

<form action="http://www.youtube.com/results" method="get" target="_blank">
<input name="search_query" type="text" maxlength="128" />
</select>
<input type="submit" value="Search" />
</form> 

但是，这不符合我的要求，原因如下：

1. 我需要在调用 showResults 时自动执行搜索（没有提交按钮）。
2. 我需要使用预定义的值（toSearch 的内容）而不是要求用户输入搜索词。
3. 这不像前两点那么重要，但如果可能的话，我希望结果出现在同一个网页上。
4. 这又不是必需的，可能更难执行，但如果 toString 的内容没有显示在 YouTube 搜索框中，我会更喜欢搜索。

我以前没有使用过 YouTube API，所以我非常感谢任何关于如何解决这个问题的帮助。

标签： javascripthtmlyoutube-api