Hola gente....
Hoy quiero compartir con ustedes una pequeña rutina que obtiene los vídeos que cualquier usuario de Youtube haya subido a su canal.
Utilizaremos para ello Jquery, asi que vayan haciendo referencia en la cabecera de sus paginas, para poder utilizarlo.
Lo primero que haremos sera construir la URL que nos devolverá la lista de vídeos subidos por un usuario de Youtube.
Para ello podes dar click a este link que nos llevara a la pagina de la Api de Youtube, donde hay una serie de parametros para construir nuestra URL., copian la direccion generada que sera similar a esta:
"http://gdata.youtube.com/feeds/api/videos?lr=es&orderby=published&author=lenincasco"
Básicamente obtiene los videos subidos por "lenincasco" ordenados por fecha de publicacion y que la metadata esté en español.
Bien ahora Jquery.
<script>
$.get("http://gdata.youtube.com/feeds/api/videos?lr=es&orderby=published&author=lenincasco",
function (xml) {
$(xml).find("entry").each(
function () {
var idd = $(this).find('id');
var $id = idd.text().substring(42);
$("#videos").append("<li><iframe type='text/html' height='100%' width='100%' src='http://www.youtube.com/embed/" + $id + "'></iframe></li>");
});
});
</script>
Explicación:
Con .get() es una función de Jquery que recibe como parámetros una URL de donde va a obtener los datos, y en este caso una función para el CallBack, la cual tiene el elemento "xml" que es la Data regresada en el request de la Url.
con jquery buscamos el elemento "entry" en el arbol de la Data regresada, y para cada uno de ellos ejecutamos otra función anonima, dentro de esta buscamos el elemento "id" que esta dentro de la "entry" y la almacenamos en la variable "idd", "idd" nos regresa una url conteniendo al final de esta el id de cada video.
http://gdata.youtube.com/feeds/api/videos/l03R-F2dhlo
Lo que haremos sera extraer ese ID del final de está URL.
Primero convertimos a texto la url con esta instrucción idd.text(), luego hacemos un substring que nos regresara una subcadena y le decimos que nos regrese los caracteres restantes a partir del indice 42 (longitud de la url sin el ID).
luego solo nos resta armar nuestra forma de presentarlo en Html, asi que concatenamos el ID obtenido con el html correspondiente del Iframe donde pondremos nuestro video.
Comenten si les resulta.
Hasta la próxima.
