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
}

使用youtube api按id加载可变视频

1 个答案: