Javascript 将值推送到数组，然后将这些数组推送到一个数组

我通过API从youtube上获得一些视频，我只想要重要的字符串，如视频标题、视频ID和缩略图。。。等 然后我想把它们排成一列， 阵列应如下所示：

details = [
    0:[
          title = "test",
          descriptoin = "desc",
          .
          .
          .
      ]
    1:[
          title = "test",
          descriptoin = "desc",
          .
          .
          .
      ]
    2:[
          title = "test",
          descriptoin = "desc",
          .
          .
          .
      ]
    3:[
          title = "test",
          descriptoin = "desc",
          .
          .
          .
      ]
    4:[
          title = "test",
          descriptoin = "desc",
          .
          .
          .
      ]
    5:[
          title = "test",
          descriptoin = "desc",
          .
          .
          .
      ]
    6:[
          title = "test",
          descriptoin = "desc",
          .
          .
          .
      ]

]

我尝试了此操作，但在控制台上出现以下错误：

未捕获引用错误：未定义详细信息

var详细信息=[]；
对于（i=0；data.length>i；i++）{
详细信息[i]=[]；
var videos=document.querySelector（'.videos'）；
var player=document.querySelector（'.player'+i）；
var title=data[i].snippet.title；
var description=data[i].snippet.description；
var publishedAt=data[i].snippet.publishedAt；
var ChannelName=data[i]。snippet.videoOwnerChannelTitle；
var videoId=data[i].snippet.resourceId.videoId；
var thumbnail=data[i].snippet.thumbnails.maxres；
详情.推送（一）
详细信息[i]。推送（播放器、标题、描述、发布日期、频道名称、视频ID、缩略图）；
videos.innerHTML+='21:21'+title+'
'+说明.子字符串（1100）+'…
'
//宽度高度url
//player.src=https://www.youtube.com/embed/“+videoId；
}

细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。细节。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息。详细信息

var details = [];
    for(i=0;data.length > i ; i++){
        details[i] = [];
        var videos = document.querySelector('.videos');

        var player = document.querySelector('.player'+i);
        var title = data[i].snippet.title;
        var description = data[i].snippet.description;
        var publishedAt = data[i].snippet.publishedAt;
        var ChannelName = data[i].snippet.videoOwnerChannelTitle;
        var videoId = data[i].snippet.resourceId.videoId;
        var thumbnail = data[i].snippet.thumbnails.maxres;
        
        details.push(i)
        details[i].push(player, title, description, publishedAt, ChannelName, videoId, thumbnail);

        videos.innerHTML += '<div class="card" onclick="viewVid('+ details[i] +')"><div class="img"><span class="video-time">21:21</span><img src="https://i.ytimg.com/vi/'+videoId+'/maxresdefault.jpg" alt=""></div><div class="video-details"><h3 class="title">'+title+'</h3><p class="desc">'+description.substring(1, 100)+'...</p></div></div>'

        //width height url
        // player.src = 'https://www.youtube.com/embed/' + videoId;
    }