2014-08-27 1 views
1

Я ищу хороший пример того, как использовать API-интерфейс Google youtube Data 3 для извлечения публичных элементов списка воспроизведения с использованием JavaScript. Кажется, я боюсь чтобы найти их на собственном веб-сайте Google, примеры из списка воспроизведения, похоже, что-то не хватает, они просто не работают, я думаю, что Google должен уделять больше внимания документации по их API.Мне нужен рабочий пример для получения общедоступного плейлиста youtube с использованием youtube Data API 3 для JavaScript

Спасибо!

+0

Вы можете расширить на которых «Playlist примеры» вы смотрите и что вы подразумеваете под «они просто не» т работы "? – neelsg

+0

neelsg благодарит вас за внимание, проблема с примерами в том, что они были разбросаны по частям и не ясны, как сделать рабочий поиск плейлистов ... – HAYDEX

ответ

4

Использование JQuery:

$(document).ready(function() { 

    var playlistId = "your_playlist_id", 
     APIKey = "your_api_key", 
     baseURL = "https://www.googleapis.com/youtube/v3/"; 

    $.get(baseURL + "playlistItems?part=snippet&maxResults=50&playlistId=" + playlistId + "&key=" + APIKey, function(data) { 
     // Do what you want with the data 
    }); 

}); 
+0

Очень короткий и красивый ответ Большое спасибо Damien! :) и я отправлю свой собственный ответ с полными шагами, чтобы другие узнали больше о целом процессе, еще раз спасибо! :) – HAYDEX

+0

Уважаемый Damien. Я не могу заставить ваш код jquery работать, он отображает следующую ошибку: GET https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults...mGQMDG1VzugzVdpGLdJcg9L3-oMei0&key=XXXX 403 (Запрещено) – HAYDEX

+0

OK он работал после удаления Referrers, я обращался к api, используя локальный хост, а локальный хост не может быть Referrer. Еще раз спасибо Дэмиен. – HAYDEX

1

я, наконец, получил это работает! Согласно документации Google, мы делаем следующие шаги:

1- Создайте «проект» в Консоли разработчика Google. 2- Включите «API данных с данными на YouTube» в консоли разработчика Google. 3- Создайте «API-ключ» в Google Developers Console (я включил два хоста «собственный локальный хост» и «http://www.myownwebsite.com/»). 4- Получить свой общедоступный идентификатор плей-листа youtube (http://www.youtube.com/playlist?list=PLXXXXXXXXXX id - буквенно-цифровая строка после PL). 4- Затем мы добавим следующее на странице HTML:

<head> 
<script> 
     function load() { 
      var playListID = "YOUR_PUBLIC_YOUTUBE_PLAYLIST_ID"; 
      var requestOptions = { 
       playlistId: playListID, 
       part: 'snippet', 
       maxResults: 10 
      }; 
      var apiKey = "YOUR_API_KEY"; 
      gapi.client.setApiKey(apiKey); 
      gapi.client.load('youtube','v3', function() { var request = gapi.client.youtube.playlistItems.list(requestOptions); 
                  request.execute(function (data) { console.log (data) }); 
                 }); 

     } 
</script> 
<script src="https://apis.google.com/js/client.js?onload=load"></script> 
</head> 
<body> 
</body> 

Смежные вопросы