jQuery: parsing di un feed JSON di YouTube

A differenza dei feed JSON di Twitter e Flickr, quelli di YouTube hanno una struttura più complessa. Tutti i dati sono infatti contenuti nell'oggetto feed. A sua volta questo oggetto contiene degli oggetti entry che corrispondono ai risultati ottenuti. Quello che vedremo è il parsing di un feed JSON che restituisce i risultati di una ricerca. Vediamo insieme l'implementazione.

$(function() {

  var html = '';
  var youTubeURL = 'http://gdata.youtube.com/feeds/api/videos?q=gabrieleromanato&max-results=2&v=2&alt=json';
  
  $.getJSON(youTubeURL, function(response) {
  
    var entries = response.feed.entry;
    
    $.each(entries, function(index, property) {
    
     var title = property.title.$t;
     var src = property.content.src; 
      
      html += '<h2>' + title + '</h2>';
      html += '<iframe src="' + src + '" width="400" height="350"></iframe>';
    
    
    
    });
  
    $('#videos').html(html);
  
  });

});

Quello che abbiamo cercato è semplicemente la stringa gabrieleromanato (parametro q). Il numero massimo di risultati viene invece specificato nel parametro max-results. Il parametro alt, infine, specifica il formato.

Come si può notare, il parsing dell'oggetto JSON segue la stessa procedura vista per altri feed dello stesso tipo. Viene creato un elemento iframe che conterrà il video, visualizzandolo esattamente come qualsiasi altro tipo di embedding.

Potete visionare l'esempio finale in questa pagina.