javascriptyoutube-apiyoutube-data-apiyoutube-javascript-api

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.

How can I resolve this problem?


Solution

  • 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 a parameter.

    It 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);
    }