Come ottenere il titolo del video Youtube con l'API dell'URL v3 in javascript w Ajax & JSON

Question

Sto solo cercando di recuperare il titolo del video di Youtube. Non riesco a capirlo. Finora ho questo:

 q = 'https://www.googleapis.com/youtube/v3/videos?id='+ itemId +'&key='+ ytApiKey +'&fields=items(snippet(channelId,title,categoryId))&part=snippet' ; 

$.ajax({ 
     url: q, 
     dataType: "jsonp", 
     success: function(data){ 
       alert(data.items[0].title); 
       console.log(data.snippet.title);    
     }, 
     error: function(jqXHR, textStatus, errorThrown) { 
      alert (textStatus, + ' | ' + errorThrown); 
     } 
    }); 

Grazie,

Answer 1

ho ottenuto che funziona utilizzando

https://www.googleapis.com/youtube/v3/videos?id=itemId&key=apiKey&fields=items(snippet(title))&part=snippet 

e

alert(data.items[0].snippet.title); 

Quindi, non molto male con la sintassi! Ma ho scoperto che il problema era in realtà nel backend durante la configurazione dei "referer consentiti" dell'API di Google. Con l'API V3, puoi selezionare a quali referenti deve appartenere l'API, in modo che altri non possano semplicemente rubare la tua API e utilizzarla. Quindi l'API funzionerà se la richiesta è originata dal nome di dominio/IP specificato. Quando non gli do restrizioni, il codice funziona, ma quando inserisco il mio dominio fallisce! Ho inserito .mydomainname.com/, lo stesso formato suggerito, ma errori in qualche modo .. Ora ho capito perché.

Answer 2

Il seguente codice jQuery verrà recuperato il titolo del video.

$.ajax({ 
     url: "https://www.googleapis.com/youtube/v3/videos?id=" + videoId + "&key="+ apiKey + "&fields=items(snippet(title))&part=snippet", 
     dataType: "jsonp", 
     success: function(data){ 
       console.log(data.items[0].snippet.title);   
     }, 
     error: function(jqXHR, textStatus, errorThrown) { 
      alert (textStatus, + ' | ' + errorThrown); 
     } 
    });