Playlists

With custom controls

• First Video
• Second Video
• Third Video
• Fourth Video
• Fifth Video

      
        var videoPlaylist = new Player({
          videoId: 'kOkQ4T5WO9E',
          playlist: 'cHHLHGNpCSA, 2-MBfn8XjIU, pB-5XG-DbAA, ktvTqknDobU',
          placement: '.example-div',
          autoPlay: 1,
          _onPlayerReady: onPlayerReady
        });

        function onPlayerReady(e) {
          var navigation = document.querySelector('.list');

          navigation.addEventListener('click', function(e) {
            e.preventDefault();
            e = e || window.event;
            var target = e.target || e.srcElement,
                text = target.textContent || text.innerText;
            var selectedVideo = target.getAttribute('data-videoId');

            videoPlaylist.player.playVideoAt(selectedVideo);
            videoPlaylist.player.playVideo();
          }, false);
        }