Skip to content

Instantly share code, notes, and snippets.

@geranyl
Created July 24, 2015 14:32
Show Gist options
  • Save geranyl/193bf92862dc717a3c2e to your computer and use it in GitHub Desktop.
Save geranyl/193bf92862dc717a3c2e to your computer and use it in GitHub Desktop.
Using Youtube's v3 API

#Youtube v3 api, how to pull a video in from a user's playlist using jQuery

##Step 1: Setup your API keys Follow Google's instructions for setting up API keys for the youtube api at https://developers.google.com/youtube/registering_an_application

##Step 2: Get your jQuery on

	var API_KEY = YOUR_API_KEY_HERE;
  // Get Uploads Playlist
  $.get(
          "https://www.googleapis.com/youtube/v3/channels",{
              part : 'contentDetails',
              forUsername : THE_USERNAME_THE_PLAYLIST_IS_LISTED_UNDER,
              key: API_KEY},
          function(data) {
              var item = data.items[0];
              var pid = item.contentDetails.relatedPlaylists.uploads;
              getVids(pid);
          }
  );

  //Get Videos
  function getVids(pid){
      $.get(
              "https://www.googleapis.com/youtube/v3/playlistItems",{
                  part : 'snippet',
                  maxResults : 20,
                  playlistId : pid,
                  key: API_KEY},
              function(data) {
              	var item = data.items[0];
              	var vidId = item.snippet.resourceId.videoId;
              	var vidTitle = item.snippet.title;

              	//your code here for populating a youtube video on the page using the vidId
              }
      );
  }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment