如何使用YouTube JavaScript API播放播放列表

3 回答

• 33

  由于此处未提供使用播放列表ID的播放列表的正确答案（即不对视频列表进行硬编码），如果您仍希望使用Javascript Youtube IFrame API，则可以使用此方法 . 如果播放列表ID在playerVars中指定，则可以省略videoID，如下所示：

  function onYouTubePlayerAPIReady() 
  {
          player = new YT.Player('player', 
          {
            height: '390',
            width: '640',
            playerVars: 
            {
              listType:'playlist',
              list: '<YOURPLAYLISTID>'
            }
          });
  }
  

  希望它有助于谁在寻找它（就像我一样） .

  回复于 2024-04-20T03:30:48+08:00
• 12

  我找到了答案 .

  只需将'播放列表'添加到您的playerVars和播放列表String | Array .

  playerVars：{'autoplay'：0，'controls'：1，'播放列表'：['your_video_id'，'...']}，

  像下面的例子：

  var player;
  function onYouTubePlayerAPIReady() {
  player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: 'your_video_id',
    playerVars: { 'autoplay': 0, 'controls': 1, 'playlist':['your_video_id', '...']},
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });
  }
  

  回复于 2024-04-20T03:30:48+08:00
• 3

  在Embed YouTube Videos, Playlists and More with IFrame Embeds上讨论了一个不需要YouTube IFrame（JavaScript）API的简单解决方案 . 您可以从YouTube上的某个视频中复制视频嵌入代码（iframe版本）并进行如下调整：

  <iframe
      width="560"
      height="315"
      src="http://www.youtube.com/embed?listType=playlist&list=PASTE_YOUTUBE_PLAYLIST_ID&autoplay=1"
      frameborder="0"
      allowfullscreen
  ></iframe>
  

  请注意，没有视频ID ...而是 listType 和 list 参数指示播放器加载播放列表 . 根据您的特殊要求，添加 autoplay=1 以确保视频自动播放而无需JavaScript代码 .

  回复于 2024-04-20T03:30:48+08:00