JSFiddle - React, Tailwind, and code Playground

by Leo Wattenberg

HTML

<div id="video"></div>

JavaScript

function getYouTubeAllInfo(perpage, page, recursive) {
       $.getJSON('http://gdata.youtube.com/feeds/users/leoxdetonation/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+'"> ['+id+'] ['+title+'] ['+i+'] </div>');
               //alert(page+perpage-2);
               if(i == perpage-2 && recursive){
                   getYouTubeAllInfo(perpage, page+1, recursive);
               }
           });
       }); 
   }

           getYouTubeAllInfo(49, 1, true);