Rohan Rohan - 2 months ago 16
Javascript Question

Can not insert multiple videos into a playlist - youtube api v3

I am trying to add multiple videos to a playlist, but only one video is added to the playlist. I can successful create a playlist and insert a video to the playlist, but can not insert multiple videos to the playlist.

Below is a simple way that I am doing this. The function addTheseVideosToPlaylist() is specifically where I am failing. createPlaylist() and addToPlaylist() are also shown.

There is a global playlistId to keep track of created playlist.

var playlistId


I create a Playlist like this:

function createPlaylist() {
var request = gapi.client.youtube.playlists.insert({
part: 'snippet,status',
resource: {
snippet: {
title: 'hard coded title',
description: 'Hard Coded Description'
},
status: {
privacyStatus: 'private'
}
}
});

request.execute(function(response) {
var result = response.result;
if (result) {
playlistId = result.id;
console.log("created playlist " + playlistId)
}
});
}


I add a video to the created playlist given a valid video id like below :

function addToPlaylist(id, startPos, endPos) {
console.log("in addToPlaylist with " + id + "sending to playlist : " + playlistId);

var details = {
videoId: id,
kind: 'youtube#video'
}

var request = gapi.client.youtube.playlistItems.insert({
part: 'snippet',
resource: {
snippet: {
playlistId: playlistId,
resourceId: details
}
}
}).execute();
}


The two above functions are fairly standard and work fine. However I have problems when adding multiple videos to a playlist like below in addTheseVideosToPlaylist(). I have an array of valid video ids and for each id, I will add it to the created playlist. The problem is that not all of the videos are added to the playlist, only one video is added.

function addTheseVideosToPlaylist() {
var links = [
"wtLJPvx7-ys",
"K3meJyiYWFw",
"3TtVsy98ces"
]
for(i = 0; i < links.length; i++)
addToPlaylist(links[i]);
}


All in all, I am successful in creating a playlist and adding a video to the playlist, but when I try to insert multiple videos to a playlist by adding each link in an array, the playlist only contains one video.

I appreciate any help if anyone knows how to resolve this problem.

Answer

In addition to Rohan's answer, the function call at the bottom should be:

 function myLoop(video_id) {
         addToPlaylist(video_id);
         setTimeout(function() {
             counter++;
             if(counter < links.length)
                myLoop(links[counter]);
         }, 3000);
   }

It lacked "video_id" as parameter.

Worked good for me.

The whole, working code is:

    // global array holds links and a global counter variable
  var links = [
    "wtLJPvx7-ys",
    "K3meJyiYWFw",
    "3TtVsy98ces"
  ]
  var counter = 0;

function addVideosToPlaylist() {
    myLoop(links[0]);
}


     function myLoop(video_id) {
         addToPlaylist(video_id);
         setTimeout(function() {
             counter++;
             if(counter < links.length)
                myLoop(links[counter]);
         }, 3000);
   }