자바스크립트에서 YouTube REST API 사용

자바스크립트에서 YouTube REST API JSON으로 받아오기

1. https://console.developers.google.com/

   Youtube Data API v3 추가

2. Youtube Data API v3 관리 > 사용자 인증정보

   상단 CREATE CREDENTIALS > API 키 생성

3. 생성된 API KEY 사용

1. Youtube Data API v3 추가

1. https://console.developers.google.com/ 접속

2. 프로젝트 생성.

3. 라이브러리 선택

   

   
   

4. YouTube Data API v3 추가

   

   
   

2. Youtube Data API v3 관리 > 사용자 인증정보 상단 CREATE CREDENTIALS > API 키 생성

3. 자바스크립트 YouTube REST API 사용 예제

자바스크립트에서 YouTube REST API 를 사용해 특정 채널의 정보를 불러오는 예제입니다.

     <script
         src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 ​
     <script type="text/javascript">
         $(document).ready(function() {
 ​
             $.ajax({
                 type : "GET",
                 dataType : "JSON",
                 url : "https://www.googleapis.com/youtube/v3/playlistItems?playlistId=__재생목록 주소__&part=snippet&maxResults=8&key=__API KEY__",
                 contentType : "application/json",
                 success : function(jsonData) {
                     for (var i = 0; i < jsonData.items.length; i++) {
                         var items = jsonData.items[i];
                         console.log("title : "+items.snippet.title);
                         console.log("videoId : "+"https://youtu.be/"+items.snippet.resourceId.videoId);
                         console.log("썸네일 : "+items.snippet.thumbnails.high.url);
                     }
                 },
                 complete : function(data) {
                 },
                 error : function(xhr, status, error) {
                     console.log("유튜브 요청 에러: "+error);
                 }
             });
         });
     </script>