Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
  <script type="text/javascript">
        
function showfeed(data){
    var feed = data.feed;
    var entries = feed.entry || [];
    var html = ['<ul>'];
    for (var i = 0; i < 3; i++) {
      var entry = entries[i];
      var title = entry.title.$t;
      $("body").append('<script type="text/javascript" src="http://gdata.youtube.com/feeds/api/users/'+ entry.yt$username.$t +'?fields=yt:username,media:thumbnail&alt=json-in-script&format=5&callback=showImage"/>');
      html.push('<div id="' + entry.yt$username.$t+ '"></div>', title, '');
    }
    html.push('</ul>');
    document.getElementById('feed').innerHTML = html.join('');
}
​
    function showImage(data)
    {
      var name= data.entry.yt$username.$t;
      var url = data.entry.media$thumbnail.url;
      $("#" + name).append("<img src='"+ url +"'/>");
    }
  
    </script>
</head>
<body>
  <div id="feed">
  </div>
  <script type="text/javascript"  src="http://gdata.youtube.com/feeds/api/users/BlockSpotTK/subscriptions?alt=json-in-script&format=5&callback=showfeed">
</script>
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers