如何在YouTube Iframe API中用播放列表ID替换视频ID？

需要在提供的YouTube Iframe API代码中，使用播放列表ID「OLAK5uy_l6d6ubzR8UphJyEvUM0Qr1Z8uD0H7MAqA」替代原视频ID「6bDmN0z74M8」，已尝试两次仍未成功，求具体实现方法。

要在YouTube Iframe API中加载播放列表，不能直接使用videoId参数，而是需要在playerVars中配置listType和list两个参数。针对你的场景，只需修改第一个播放器的配置逻辑，将其从加载单个视频改为加载指定播放列表，其余播放器保持原有逻辑即可。

关键修改点 #

1. 将原videoIds数组改为包含类型标识的对象数组，明确区分播放列表和单个视频；
2. 创建播放器时，根据类型选择配置videoId或playerVars中的listType/list；
3. 移除播放列表播放器配置中的videoId参数，避免参数冲突。

const tag = document.createElement('script');
tag.src = 'https://www.youtube.com/iframe_api';
const firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

let players = [];
// 替换第一个项为播放列表，其余保留视频ID，用对象区分类型
let mediaItems = [
  { type: 'playlist', id: 'OLAK5uy_l6d6ubzR8UphJyEvUM0Qr1Z8uD0H7MAqA' },
  { type: 'video', id: '_RLTUguVO8g' },
  { type: 'video', id: 's0ZZHNRHA2g' },
  { type: 'video', id: 'wUiDnrA5Kss' },
  { type: 'video', id: '1Q1aDAnBsU8' }
];

function onPlayerReady(event) {
  const player = event.target;
  player.setVolume(100);
}

function onPlayerStateChange(event) {
  if (event.data === YT.PlayerState.PLAYING) {
    for (let i = 0; i < players.length; i++) {
      if (players[i] !== event.target) players[i].pauseVideo();
    }
  }
}

function onYouTubeIframeAPIReady() {
  for (let i = 0; i < mediaItems.length; i++) {
    const item = mediaItems[i];
    const playerConfig = {
      height: '361',
      host: 'https://www.youtube-nocookie.com',
      width: '642',
      playerVars: {
        autoplay: 0,
        cc_load_policy: 0,
        controls: 1,
        disablekb: 1,
        fs: 0,
        iv_load_policy: 3,
      },
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    };

    // 根据类型配置播放列表或单个视频
    if (item.type === 'playlist') {
      playerConfig.playerVars.listType = 'playlist';
      playerConfig.playerVars.list = item.id;
    } else {
      playerConfig.videoId = item.id;
    }

    players[i] = new YT.Player('ytplayer' + i, playerConfig);
  }
}

说明 #

• 原逻辑中“播放一个视频时暂停其他视频”的功能不受影响，播放列表播放时同样会触发onPlayerStateChange事件，自动暂停其他播放器；
• 你提供的OLAK5uy_xxx格式播放列表ID是YouTube官方支持的格式，无需额外转换即可直接使用。

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