javascript - 使用youtube API通过ID加载可变视频

Question

我一直在尝试制作一个站点，该站点具有可变的iframe，并通过id加载了不同的视频，但是无法让我的for循环在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>带有正确的ID。这些<div>将被<iframe>元素替换。然后学习循环:

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
}