Как воспроизвести плейлист с помощью YouTube JavaScript API - PullRequest
Новая
       2

Как воспроизвести плейлист с помощью YouTube JavaScript API

12 голосов
/ 26 февраля 2011

Я пытаюсь воспроизвести список воспроизведения YouTube, используя этот API-интерфейс JavaScript для встраивания iframe, представленного в январе этого года.http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html

Обратите внимание на тег iframe ниже и ссылку, которая имеет "/ p" для обозначения списка воспроизведения. 

<iframe src="http://www.youtube.com/embed/p/ID" width="100%" height="500" frameborder="0"></iframe>

Однако даже в документации на http://code.google.com/apis/youtube/iframe_api_reference.htmlЯ не могу найти способ воспроизведения плейлиста с помощью onYouTubePlayerAPIReady() call.

Ответы [ 3 ]

36 голосов
/ 03 октября 2012

Поскольку здесь не был предоставлен правильный ответ для плейлистов, использующих идентификатор плейлиста (т. Е. Без жесткого кодирования списка видео), это способ использовать его, если вы все еще хотите использовать API-интерфейс Javascript Youtube IFrame. Вы можете опустить videoID, если идентификатор плейлиста указан в playerVars следующим образом: 

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

Надеюсь, это поможет тем, кто его ищет (как я).

13 голосов
/ 04 августа 2011

Я нашел ответ.

Просто добавьте 'playlist' в ваш playerVars и плейлист String | Array.

playerVars: {'autoplay': 0, 'controls': 1, 'playlist': ['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
  }
});
}
3 голосов
/ 25 июля 2012

Простое решение, не требующее API YouTube IFrame (JavaScript), обсуждается на Встраивание видео YouTube, списков воспроизведения и других материалов с помощью IFrame Embeds .Вы можете скопировать код для вставки видео (версия iframe) из одного из видео на YouTube и настроить его следующим образом: 

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

Обратите внимание, что идентификатора видео нет ... вместо этого listType иlist Параметры дают игроку команду загрузить список воспроизведения.В соответствии с вашими требованиями добавьте autoplay=1, чтобы видео воспроизводилось автоматически без использования кода JavaScript.

...