使用YouTube的API加載可變視頻編號

Question

我一直在試圖做一個網站，有一個不同的視頻加載的ID可變的iframe，但不能讓我的循環工作加載在ID這是我有腳本。 ids只是第一批測試它的作品。

var ids = ["ztK0rBXfI3s", "62Z-rITm0kk"]; 
    var p=0; 
    function onYouTubePlayerAPIReady() { 
    for(p<ids.length; p++){ 
    var player[p]; 
    player[p] = new YT.Player('ytplayer[p]', { 
    height: '390', 
    width: '640', 
    videoId: 'ids[p]', 
    } 
} 
}); 

Answer 1

首先，你需要確保你有<div> s的對他們的正確編號。這些<div>將被替換爲元素。然後學習循環：

var pre = onload; 
onload = function(){ 
if(pre)pre(); 
function YTVideosInit(elementIdsArray, videoIdsArray){ 
    var ytp = []; 
    for(var i=0,l=elementIdsArray.length; i<l; i++){ 
    var player = new YT.Player(elementIdsArray[i], { 
     height: '390', 
     width: '640', 
     videoId: videoIdsArray[i] 
    }); 
    ytp.push(player); 
    } 
    return ytp; 
} 
var players = YTVideosInit(['id1', 'id2'], ['ztK0rBXfI3s', '62Z-rITm0kk']); 
// players is now an Array of players 
}