2016-04-24 47 views
0

我试图创建一个使用YouTube播放器API的YouTube视频播放器,因为我需要能够使用单独的按钮控制视频。youtube player api - 未创建视频播放列表

我下面这个例子就目前而言,并试图看看它是否适用于我的项目:http://demo.tutorialzine.com/2015/08/how-to-control-youtubes-video-player-with-javascript/

我真的只是复制并粘贴到我的项目,取代了视频的ID,但矿山,播放列表不生成,我不明白为什么。

这是我的代码:

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

在这种笔可以看到它在行动: http://codepen.io/nickimola/pen/bpjyMK?editors=1010

我真的不明白我在做什么错了,任何帮助将是非常赞赏。非常感谢。

如果需要的话,这是我需要使用的视频ID:

2CzXHiKIFps 
Dqd0ZcwAg 
Iv69Wd7f8-E 
3ZPIi88jyHk 
UMSAlyCtrSQ 

回答

1

的编号Dqd0ZcwAgr-Dqd0ZcwAghttps://www.youtube.com/watch?v=r-Dqd0ZcwAg

这工作:

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

非常感谢。这工作。 – Nick

相关问题