自制YouTube随机播放工具仅加载200个视频，求API限制解决方案

问题根源 #

你当前使用的YouTube IFrame Player API直接加载播放列表时，受限于API默认机制，最多只能拉取前200个视频条目，无法直接访问列表内超过200个的内容。

解决思路 #

要实现2500个视频的随机播放，需要结合YouTube Data API v3先获取完整的播放列表视频ID，再自行实现随机选片、自动续播逻辑，具体步骤如下：

1. 生成YouTube Data API密钥 #

前往Google Cloud控制台创建新项目，启用YouTube Data API v3后生成专属API密钥（此步骤需自行在Google控制台操作，无需跳转其他外部网站）。

2. 分页获取所有视频ID #

YouTube Data API的playlistItems.list接口单次最多返回50条数据，需通过pageToken参数分页遍历，直至收集全所有视频ID。以下是JavaScript示例代码：

// 替换为你的API密钥和目标播放列表ID
const API_KEY = '你的API密钥';
const PLAYLIST_ID = 'PL0mcz16a5pG0evLcpesj7g7CcFpwRhfke';
let allVideoIds = [];

// 分页拉取所有播放列表视频ID
async function fetchAllVideos() {
  let nextPageToken = '';
  do {
    const res = await fetch(`https://www.googleapis.com/youtube/v3/playlistItems?part=contentDetails&playlistId=${PLAYLIST_ID}&maxResults=50&pageToken=${nextPageToken}&key=${API_KEY}`);
    const data = await res.json();
    // 提取当前页的视频ID并加入总列表
    allVideoIds.push(...data.items.map(item => item.contentDetails.videoId));
    nextPageToken = data.nextPageToken || '';
  } while (nextPageToken);
  // 所有ID获取完成后初始化播放器
  initRandomPlayer();
}

// 初始化随机播放播放器
function initRandomPlayer() {
  // 随机选择一个视频启动播放
  const randomVidId = allVideoIds[Math.floor(Math.random() * allVideoIds.length)];
  
  new YT.Player("player", {
    height: '390',
    width: '640',
    videoId: randomVidId,
    playerVars: { autoplay: 1 },
    events: {
      // 视频播放结束后自动切换下一个随机视频
      'onStateChange': function(event) {
        if (event.data === YT.PlayerState.ENDED) {
          const nextVidId = allVideoIds[Math.floor(Math.random() * allVideoIds.length)];
          event.target.loadVideoById(nextVidId);
        }
      }
    }
  });
}

// 加载IFrame API后触发数据拉取
function onYouTubeIframeAPIReady() {
  fetchAllVideos();
}

3. 替换原有代码 #

将你原有HTML中的<script>代码块替换为上述代码，记得把API_KEY替换为你自己生成的密钥。

额外说明 #

• API配额：YouTube Data API v3默认每日提供10000单位配额，获取单个视频条目仅消耗1单位，2500个视频总共仅需2500单位，完全在配额范围内。
• 播放列表权限：若播放列表为公开状态，使用API密钥即可；若为私人列表，需额外配置OAuth授权（公开列表无需此操作）。

内容的提问来源于stack exchange，提问作者Godly Avenger