Top 3 recent YT videos RSS

by Tushar Thakare

HTML

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<span id="date1"></span><span id="date2"></span><span id="date3"></span>

<img id='thumbnail1' src='' /><img id='thumbnail2' src='' /><img id='thumbnail3' src='' />
  <a id="catchup1" href="">LINK</a>
    <a id="catchup2" href="">LINK2</a>
    <a id="catchup3" href="">LINK3</a>

JavaScript

var channelID = "UCCI7b1kwi9NzxmkIElDwf4g";
    var reqURL = "https://www.youtube.com/feeds/videos.xml?channel_id=";
    $.getJSON("https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent(reqURL)+channelID, function(data) {
     
     
     var link = data.items[0].link;
      var thumbnail = data.items[0].thumbnail;
          var date = data.items[0].pubDate;
       var id = link.substr(link.indexOf("=")+1);
   $("#catchup1").attr("href","https://youtube.com/embed/"+ id + "?controls=0&showinfo=0&rel=0");
  $("#thumbnail1").attr("src",thumbnail);
  $("#date1").append(date);
  
  
    
		var link = data.items[1].link;
      var thumbnail = data.items[1].thumbnail;
        var date = data.items[1].pubDate;
       	var id = link.substr(link.indexOf("=")+1);
    $("#catchup2").attr("href","https://youtube.com/embed/"+ id + "?controls=0&showinfo=0&rel=0");
      $("#thumbnail2").attr("src",thumbnail);
       $("#date2").append(date);
    
    
		var link = data.items[2].link;
      var thumbnail = data.items[2].thumbnail;
        var date = data.items[2].pubDate;
     	var id = link.substr(link.indexOf("=")+1);
    $("#catchup3").attr("href","https://youtube.com/embed/"+ id + "?controls=0&showinfo=0&rel=0");
      $("#thumbnail3").attr("src",thumbnail);
 $("#date3").append(date);
    
    
	
    });