mi problema es el siguiente: tengo un JSON que me regresa la API de Youtube y al intentar ingresar a alguna propiedad me aparece "undefined"
La API de youtube me regresa lo siguiente:
// Parte del JSON retornado por la API: { "items": [ { "id": { "videoId": "Mfu9jgj_z18", }, "title": "Joey Montana - Hola", "channelTitle": "JoeyMontanaVEVO", "thumbnails": { "default": { "url": "https://i.ytimg.com/vi/Mfu9jgj_z18/default.jpg" } } } ] }
https://drive.google.com/file/d/0B5FkOZb-0Z48ZTNENEloZDdUZ3M/view?usp=sharing
Y mi codigo es el siguiente:
$.each(data.items, function (item) {
//URL del video en youtube
html += '<p><a href="http://youtu.be/' + item.id + '">';
alert(html)
//Miniatura del video
html += '<img src="http://i.ytimg.com/vi/' + item.id +'/default.jpg">';
//Agrega el titulo del video y del canal
html += '<h2>' + item.title + ' ' + item.channelTitle + '</h2></a></p>';
count++;
});
Hasta aquí todo funciona perfecto pero cuando doy click en el enlace me envía a la pagina http://youtu.be/undefined