2016-04-24 74 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

相關問題