Recientemente YouTube ha desarrollado una nueva e interesante posibilidad: colocar listas de reproducción en webs o blogs. Hacer esto es sencillo, pero mucha gente no sabe que también pueden crearse (y colocarse) listas de vídeos que se alimenten con todo el material de un usuario o autor en particular, así como del resultado de búsquedas concretas (por ejemplo, "estrellas", "rock", "naturaleza", etc…). Estas nuevas listas también pueden colocarse o "embeberse", reproduciendo vídeo tras vídeo de las citadas fuentes. En esta artículo vamos a analizar todas estas posibilidades.
Bien, en realidad este tema continúa un artículo anterior en el que estudiamos la inserción personalizada de vídeos de YouTube en nuestras webs, blogs y demás sitios. Concretamente, en dicho artículo se analizó -con bastante profundidad y con varias actualizaciones ya- la forma de mostrar vídeos de YouTube con loop, autoarranque, en HD, en un punto exacto, sin controles o sin relacionados al final (entre otras posibilidades). Creo que por ahora eso está bastante bien aclarado. No obstante quedaban por ver las listas de reproducción. Y en este artículo voy a cumplir mi promesa de estudiar este asunto.
Antes de nada pondremos aquí un reproductor de YouTube con la lista de reproducción que nos servirá de ejemplo (son vídeos creados por mí usando animaciones de 3D Studio Max):
El simple hecho de poder hacer esto ya es una novedad, pues el caso es que hasta hace no mucho no se podían "embeber" listas de reproducción de YouTube. Es decir, no era posible colocar una ventana en una web o post con un reproductor de YouTube que mostrara listas de vídeos. Afortunadamente esto por fin ha cambiado, y ya podemos poner listas de reproducción en nuestros sitios. También podremos personalizarlas hasta cierto punto (como hicimos antes con los vídeos), lo que constituye la temática principal de este artículo. Vamos a ver cómo hacerlo.
Si sencillamente queremos colocar una lista de reproducción en una web o blog es bastante sencillo, pues bastará con usar el código que nos facilita el propio YouTube para ello:
Con este código, basado en etiquetas <iframe>, colocaremos nuestra lista sin problemas, pudiendo además configurar algunos parámetros como el tamaño de la ventana, etc… En realidad, es tan sencillo como dotar de valores a los atributos width y height de la ventana.
Sin embargo hay más cosas que podremos hacer, y que no resultan tan sencillas o inmediatas. Concretamente, tal y como comentamos antes, las posibilidades de personalización de las listas de reproducción son 3:
- Crear y/o colocar listas "corrientes" de reproducción. Es decir, lo mismo que hemos hecho hasta ahora: coger una lista cualquiera -incluso no nuestra- y ponerla en una web o blog. Además de ello, podremos añadir los parámetros que usamos para los vídeos sueltos que vimos en el artículo anterior.
- Crear y/o colocar listas de reproducción que se alimenten o reproduzcan todos los vídeos de un usuario registrado, autor o "uploader" de YouTube. Es decir, la ventana reproducirá uno tras otro todos los vídeos que haya subido ese usuario, aunque no formen parte de ninguna lista.
- Crear y/o colocar listas de reproducción basadas en búsquedas. Es decir, la ventana reproducirá todos los vídeos que encuentre bajo un parámetro de búsqueda que elijamos, aunque sean de diferentes autores y no estén dentro de ninguna lista de reproducción.
Interesante, ¿verdad? Puede ser útil, y además no es demasiado difícil de configurar. Vamos a ver las tres modalidades una a una:
1. Colocar una lista ordinaria de reproducción en una web o blog, parámetros especiales y arquitectura.
Lo primero que hay que decir es que para colocar una lista de vídeos lo mejor y más fácil es usar el código que nos facilita YouTube, como dijimos antes. Si queremos añadirle parámetros especiales de reproducción será tan sencillo como añadir las órdenes al final de la URL, separados por signos "&". Es decir, más o menos lo mismo que hicimos para los vídeos sueltos. Los parámetros en realidad son los mismos (ver el artículo anterior).
Así, en el ejemplo del principio, el código de inserción que nos da YouTube es:
<iframe width="440" height="248" src="http://www.youtube.com/embed/1dM2P-Z-uyc?list=PL5Jt6-EnfvkwCVFhYo_anUwtO3rMaAozY" frameborder="0" allowfullscreen></iframe>
Pues bien, bastará con añadir los parámetros al final de la URL de la lista de reproducción. Los mismos que para los vídeos (&rel=0, &start=8, &autoplay=1, &controls=0, etc…). Así pues, la cosa podría ser, por ejemplo:
<iframe width="440" height="248" src="http://www.youtube.com/embed/1dM2P-Z-uyc?list=PL5Jt6-EnfvkwCVFhYo_anUwtO3rMaAozY&rel=0&start=8&autoplay=1&controls=0" frameborder="0" allowfullscreen></iframe>
Con esto conseguiremos más o menos lo mismo que logramos con los vídeos sueltos: que la lista empiece en un segundo determinado, que no ponga relacionados al final, que empiece automáticamente, que no muestre los controladores en la interfaz… Eso sí, para el caso del inicio en un segundo concreto no empezarán TODOS los vídeos en ese segundo, sólo será así en el primero (luego la lista seguirá igual).
2. Crear y/o colocar una lista de reproducción de YouTube con vídeos de un usuario concreto
Ésta es una posibilidad realmente interesante, de cuya existencia me acabo de enterar. Básicamente, con esta opción podremos crear una lista de reproducción que se alimente con todos los vídeos de un usuario concreto, aunque estos vídeos no formen parte de ninguna lista. Es decir, podemos crear una lista que reproduzca todos los vídeos que haya subido alguien, uno a uno, sencillamente conociendo su nombre de usuario.
La arquitectura de las URL de este tipo de listas no requiere ningún ID o identificador. Sencillamente requiere el nombre del usuario. Sería:
http://www.youtube.com/embed?listType=user_uploads&list=USERNAME
Es decir, para crear una lista que reproduzca todos mis vídeos, por ejemplo, estén en una lista o no, tan solo tendré que añadir mi nombre de usuario:
http://www.youtube.com/embed?listType=user_uploads&list=santifolch
Si lo que queremos es colocar un reproductor con una lista de este tipo dentro de una web o post de un blog, pues será tan simple como colocar esta URL dentro del código de inserción que nos dio YouTube. Es decir, dentro de la etiqueta <iframe>:
<iframe width="440" height="248" src="http://www.youtube.com/embed?listType=user_uploads&list=santifolch" frameborder="0" allowfullscreen></iframe>
El resultado sería:
3. Crear y/o colocar una lista de reproducción de YouTube con vídeos extraídos de una búsqueda
Por último, la tercera posibilidad. Es tan interesante o más que las anteriores. A través de esta fórmula, podremos crear un reproductor de YouTube que muestre los vídeos resultantes de la búsqueda de un término cualquiera, uno tras otro. Es decir, podremos elegir una palabra o concepto, y el reproductor mostrará uno tras otro los vídeos relacionados con esa palabra.
Como antes, lo primero la arquitectura de la URL:
http://www.youtube.com/embed?listType=search&list=BUSQUEDA
Lo que habrá que hacer es tan sencillo como cambiar la palabra "BUSQUEDA" por el término que queramos emplear. Por ejemplo podríamos usar "3D", para que busque y reproduzca todos los vídeos que se relacionen con "3D". La URL sería la siguiente:
http://www.youtube.com/embed?listType=search&list=3D
Igual que anteriormente, si lo que queremos es embeber esta lista de vídeos en una web o blog, introduciremos la URL en el <iframe>:
<iframe width="440" height="248" src="http://www.youtube.com/embed?listType=search&list=3D" frameborder="0" allowfullscreen></iframe>
El resultado sería:
Arquitectura básica de la URL de una lista de reproducción
Para contar con toda la información expondremos la arquitectura básica de la URL de una lista de reproducción:
http://www.youtube.com/embed?listType=playlist&list=ID_lista-reproduccion
Es decir, siguiendo el ejemplo de mi lista, su URL básica sería:
http://www.youtube.com/embed?listType=playlist&list=PL5Jt6-EnfvkwCVFhYo_anUwtO3rMaAozY
El identificador o ID de las listas de reproducción de YouTube
Para no liarnos mucho, pues las URL de las listas de reproducción pueden incluir tanto las ID de los vídeos como la ID de la lista entera, siendo un auténtico galimatías de números y letras, vamos a explicar también cómo localizar la ID concreta de la lista. Así comprenderemos mejor las URL que nos encontremos (pues tendremos que trabajar con ellas para personalizarlas).
El ID de una lista de vídeos no es difícil de encontrar. Es la serie de números y letras que sigue a las letras "PL" mayúsculas dentro de su URL.
De esta forma, si buscamos una lista cualquiera en YouTube, por ejemplo una de música relajante, y entramos en ella, veremos que tiene una URL de este tipo:
http://www.youtube.com/watch?v=Xi2r8tFoQ14&playnext=1&list=PLA69AD652059B3DA8
En este ejemplo (real) el identificador de esta lista es sencillo de encontrar: PLA69AD652059B3DA8. Si se piensa tiene lógica, pues "PL" no es otra cosa que las iniciales de "Player List".
Otro ejemplo: en este caso es la lista de reproducción de mis animaciones creadas con software 3D, que hemos puesto todo el rato de ejemplo. Veremos que la URL y el ID es más complicado, pero la lógica es la misma:
http://www.youtube.com/watch?v=1dM2P-Z-uyc&list=PL5Jt6-EnfvkwCVFhYo_anUwtO3rMaAozY
Es una URL mucho más larga y compleja, pero el principio es el mismo. Mi ID serán los caracteres que sigan a "PL", incluyendo a estas dos letras. Así pues: PL5Jt6-EnfvkwCVFhYo_anUwtO3rMaAozY
- (Fuentes: Toda la información de este artículo está sacada de la web de los desarrolladores de Google –Google Develpers-. Para más información no dudéis en visitarla, aunque está en inglés se entiende bien: YouTube Embedded Players and Player Parameters).