Как получить заголовок видео Youtube с v3 URL API в javascript w Ajax & JSON

Question

Я только пытаюсь получить название видео на Youtube. Не могу понять это. Пока у меня есть это:

     q = 'https://www.googleapis.com/youtube/v3/videos?id='+ itemId +'&key='+ ytApiKey +'&fields=items(snippet(channelId,title,categoryId))&part=snippet' ;

$.ajax({
      url: q, 
      dataType: "jsonp",
      success: function(data){
               alert(data.items[0].title);
               console.log(data.snippet.title);            
      },
      error: function(jqXHR, textStatus, errorThrown) {
          alert (textStatus, + ' | ' + errorThrown);
      }
  });

Спасибо,

Answer 1

Я получил это с помощью

https://www.googleapis.com/youtube/v3/videos?id=itemId&key=apiKey&fields=items(snippet(title))&part=snippet

а также

alert(data.items[0].snippet.title);

Так что, не так много с синтаксисом! Но я обнаружил, что проблема была действительно в бэкэнде при настройке "разрешенных рефереров" API Google. С V3 API вы можете выбрать, к каким ссылкам должен принадлежать API, чтобы другие не могли просто украсть ваш API и использовать его. Таким образом, API будет работать, если запрос исходит от указанного вами имени домена /IP. Когда я не налагаю на него ограничений, код работает, но когда я вхожу в свой домен, он не работает! Я вошел в .mydomainname.com /, в том же формате, как было предложено, но это как-то не так... Теперь я должен выяснить, почему.

Answer 2

Следующий код jquery извлечет заголовок видео.

$.ajax({
      url: "https://www.googleapis.com/youtube/v3/videos?id=" + videoId + "&key="+ apiKey + "&fields=items(snippet(title))&part=snippet", 
      dataType: "jsonp",
      success: function(data){
               console.log(data.items[0].snippet.title);           
      },
      error: function(jqXHR, textStatus, errorThrown) {
          alert (textStatus, + ' | ' + errorThrown);
      }
  });