JSFiddle - React, Tailwind, and code Playground

HTML

var username="LindoroRossini" //change it to the user you want

function getYouTubeAllInfo(perpage, page, recursive) {
       $.getJSON('http://gdata.youtube.com/feeds/users/' + username + '/uploads?alt=json-in-script&callback=?&start-index=' + (((page - 1) * perpage) + 1) + '&max-results=' + perpage,

       function (data) {
           $.each(data.feed.entry, function (i, item, title) {
               var id = item['id']['$t'];
               id = id.replace("http://gdata.youtube.com/feeds/videos/", "");
               var title = item['title']['$t']
               $("#video").append('<div id="' + id + '"> [<a href="https://youtu.be/' + id + '">' + title + '</a>] [' + i + '] </div>');
               //alert(page+perpage-2);
               if (i == perpage - 2 && recursive) {
                   getYouTubeAllInfo(perpage, page + 1, recursive);
               }
           });
       });
   }

   getYouTubeAllInfo(49, 1, true);

JavaScript

var username="LindoroRossini" //change it to the user you want

function getYouTubeAllInfo(perpage, page, recursive) {
       $.getJSON('http://gdata.youtube.com/feeds/users/' + username + '/uploads?alt=json-in-script&callback=?&start-index=' + (((page - 1) * perpage) + 1) + '&max-results=' + perpage,

       function (data) {
           $.each(data.feed.entry, function (i, item, title) {
               var id = item['id']['$t'];
               id = id.replace("http://gdata.youtube.com/feeds/videos/", "");
               var title = item['title']['$t']
               $("#video").append('<div id="' + id + '"> [<a href="https://youtu.be/' + id + '">' + title + '</a>] [' + i + '] </div>');
               //alert(page+perpage-2);
               if (i == perpage - 2 && recursive) {
                   getYouTubeAllInfo(perpage, page + 1, recursive);
               }
           });
       });
   }

   getYouTubeAllInfo(49, 1, true);