Cómo Poner una Lista de Reproducción Aleatorias de Vídeos de YouTube en tu blog o web desde Añadir Gadget

Hace tiempo que estaba pensando poner una lista de reproducción de Youtube a mis blogs. Por ello empecé a investigar cómo podía poner esta lista de reproducción con mis vídeos favoritos de una forma fácil.

Simplemente añadiendo un gadget html a mis blogs blogger. Por fin lo encontré y fue en el blog Ciudad Blogger. Otra web que incluyo en las webs amigas de Veoblogger. Un sitio sin duda recomendado para visitar.

En él, el administrador comparte este código genial para hacer la lista de reproducción aleatoria de vídeos en nuestro blog.

Para ponerlo tendrías que entrar en tu cuenta blogger, luego ir a Diseño , Añadir Gadget y HTML Javascript, y pegar el siguiente código.

<script type='text/javascript'>
//<![CDATA[
var vid = [ //La ID de los videos
"_20uZeoSq7c",
"_bxncSQvo_I",
"9d_vB32tE-o",
"GVA0LpC1h_s",
"hTuw9g6JWdA"
];
var ancho_vid = '480'; //Ancho del reproductor
var alto_vid = '295'; //Alto del reproductor 
var ran_unrounded = Math.random()*vid.length;
var ran_number = Math.floor(ran_unrounded);

document.write('<object width="'+ancho_vid+'" height="'+alto_vid+'"><param name="movie" value="http://www.youtube.com/v/'+vid[ran_number]+'&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+vid[ran_number]+'&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="'+ancho_vid+'" height="'+alto_vid+'"></embed></object>');
//]]>
</script>

Donde está rojo tendríamos que poner el código del vídeo a utilizar. Para saber cual código tenemos que poner, visitamos el vídeo en Youtube y miramos la url en la barra de direcciones.

http://www.youtube.com/watch?v=GRhWlNNs_Po

Solo tendremos que copiar el mismo código del vídeo que queremos poner en la lista de reproducción y pegarlo en el código rojo de arriba.

Desde el código verde podréis cambiar el tamaño del vídeo y ajustarlo a vuestra web (cambiando el número del ancho y el alto).

Espero que os haya servido esta información. Tras mucho tiempo buscando por fin lo encontré.
Gracias a Ciudad Blogger por compartir este magnífico código.

Si queréis además más información sobre el código html o cómo poner otras  opciones, tales cómo el autoplay, visitar el post en Ciudad Blogger pinchando aquí. ¡Gracias de nuevo por compartir y a la lista de webs amigas!