Вставить плейлист youtube в лоток для боковых списков

Я играю с встроенной функцией playlist в YouTube с помощью javascript.

Пока я вставляю плейлист, он выглядит так:

http://postimage.org/image/vk6fv56yx/

Синий круг показывает количество элементов в списке воспроизведения и при нажатии на миниатюры.

когда начинается воспроизведение видео, необходимо щелкнуть кнопку списка воспроизведения для показа списка, например:

http://postimage.org/image/ezzxpy7pn/

Но я хочу, чтобы плеер показывался так, как показано на странице youtube, например:

http://postimage.org/image/4suta8kuh/

теперь это код Im, использующий:

<script>
  // Load the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // Replace the 'ytplayer' element with an <iframe> and
  // YouTube player after the API code downloads.
  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
        height: '390',
        width: '640',
        videoId: 'n2ISkJZC6DI',
        playerVars: {
                  listType:'playlist',
                  list: 'PL546E6163151751EE'
                },
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
  }

  function onPlayerReady(){
    alert('player ready');
  }

  function onPlayerStateChange(){
    alert('player changed');
  }

</script>

Он отлично работает! но я хотел знать, есть ли способ изменить вид лотка плейлиста.

Большое спасибо за помощь людям:)

Ответ 1

Вы можете использовать флеш-версию встроенного проигрывателя youtube для достижения этого вида. Однако лоток теперь расположен с левой стороны.

Youtube playlist flash player

<iframe width='500' height='294' src="https://www.youtube.com/v/videoseries?list=PL546E6163151751EE"></iframe>