Как я могу отобразить результаты поиска YouTube для строки слов в HTML / JS?

#javascript #html #youtube-api

#javascript #HTML #youtube-api

Вопрос:

У меня есть функция 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);
}  

Теперь, что мне нужно сделать, это запустить поиск YouTube по содержимому toSearch (минус квадратные скобки и запятые) и отобразить результаты.

До сих пор я нашел код для создания функции поиска, которая отображает результаты на новой странице:

 <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 при поиске.

Я раньше не работал с API YouTube, поэтому я был бы очень признателен за любую помощь в том, как это сделать.

Комментарии:

1. О пункте № 1: как вы вызываете showResults функцию без кнопки? — Я не могу протестировать прямо сейчас, но, насколько я понимаю ваш вопрос, вы хотите выполнить поиск на Youtube, но результаты отображаются на вашей странице? — если это так, рассмотрите возможность использования API данных YouTube и прочитайте документацию об API данных YouTube.

2. У меня есть кнопка для вызова функции showResults, но я не хочу использовать вторую кнопку для выполнения поиска после вызова showResults . Спасибо за совет по API данных YouTube, я изучаю его.