youtube player api - Playlist des Videos nicht erstellt

Question

Ich versuche, einen Youtube-Video-Player mit der Youtube-Player-API zu erstellen, da ich das Video mit separaten Tasten steuern kann.

Ich folge dieses Beispiel für den Augenblick, und zu versuchen, zu sehen, ob es an meinem Projekt arbeitet: http://demo.tutorialzine.com/2015/08/how-to-control-youtubes-video-player-with-javascript/

ich buchstäblich nur kopiert und in mein Projekt eingefügt und ersetzt das Video-IDs, aber mit mir, die Playlist wird nicht generiert und ich verstehe nicht wirklich warum.

dies ist mein Code:

function onYouTubeIframeAPIReady() { 
    player = new YT.Player('videoplaceholder', { 
     videoId: '2CzXHiKIFps', 
     playerVars: { 
      color: 'white', 
      playlist: 'taJ60kskkns,FG0fTKAqZ5g' 
     }, 
    }); 

    $('#play').on('click', function() { 
     player.playVideo(); 
    }); 

    $('#pause').on('click', function() { 
     player.pauseVideo(); 
    }); 

    $('#next').on('click', function() { 
     player.nextVideo() 
    }); 

    $('#prev').on('click', function() { 
     player.previousVideo() 
    }); 
} 

in diesem Stift Sie es in Aktion sehen können: http://codepen.io/nickimola/pen/bpjyMK?editors=1010

ich nicht wirklich verstehen, was ich falsch mache, wird jede Hilfe wirklich sein geschätzt. Danke vielmals.

Bei Bedarf sind dies die Video-IDs ich verwenden müssen:

2CzXHiKIFps 
Dqd0ZcwAg 
Iv69Wd7f8-E 
3ZPIi88jyHk 
UMSAlyCtrSQ 

Answer 1

Die Id Dqd0ZcwAg sollte r-Dqd0ZcwAg (https://www.youtube.com/watch?v=r-Dqd0ZcwAg)

Dies funktioniert sein:

player = new YT.Player('player', { 
    videoId: '2CzXHiKIFps', 
    playerVars: { 
     color: 'white', 
     playlist: 'r-Dqd0ZcwAg,Iv69Wd7f8-E,3ZPIi88jyHk,UMSAlyCtrSQ' 
    }, 
});