Youtube API List

by aaronk85

HTML

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    
    <meta charset="iso-8859-1" />
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>   

  </head>    
  <body>
    <div data-role="content">
      <div id="c1816" class="csc-default">
        <div id="spmobilevideos"></div>
        <script type="text/javascript">
          function showMyspmobilevideos(data) {
            var feed = data.feed;
            var entries = feed.entry || [];
            var html = ['<ul class="videos">'];
            for (var i = 0; i < entries.length; i++) {
              var entry = entries[i];
              var title = entry.title.$t.substr(0, 100);
              var description = entries[i].media$group.media$description.$t;
              var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
              var playerUrl = entries[i].media$group.media$content[0].url;
              html.push('<li><div class="vid-thumbnail"><a href="', playerUrl, '"><img src="', thumbnailUrl, '" width="120" height="88" ></a></div>',
                        '<div class="vid-text"><div class="vid-title"><a href="', playerUrl, '">', title , '...</a></div>', '<div class="vid-description">' ,description, '</div></div></li>');
            }
            html.push('</ul>');
            document.getElementById('spmobilevideos').innerHTML = html.join('');
          }
        </script>
        <script type="text/javascript" src="http://gdata.youtube.com/feeds/users/BigVBasketball/uploads?alt=json-in-script&amp;callback=showMyspmobilevideos&amp;max-results=3"></script>
        
      </div>
      
    </body>
    </html>