Vídeos al azar en tu blog

Hace ya bastante tiempo vimos como incluir en el blog un script que muestra imágenes de forma aleatoria, de manera que en cada visita al blog, el lector observará una fotografía distinta.

Esto también puede utilizarse con los vídeos para permitir que nuestros visitantes dispongan de una larga lista de reproducción -lo que los mantendrá durante más tiempo en el blog-.

Pulsa sobre la siguiente imagen para comprobar el resultado:

Diseño>añadir gadget (elemento de página)>html-javascript

Añade lo siguiente:

<script language="JavaScript">
blVideoCodig = new Array()
blVideoCodig[0] = 'CODIGO VIDEO'
blVideoCodig[1] = 'CODIGO VIDEO'
blVideoCodig[2] = 'CODIGO VIDEO'
blVideoCodig[3] = 'CODIGO VIDEO'
blVideoCodig[4] = 'CODIGO VIDEO'

jjblcjte = Math.random() * (blVideoCodig.length)
jjblcjte = Math.floor(jjblcjte)
document.write('<div align="center">' + blVideoCodig[jjblcjte] + '</div>')
</script>

Como puedes ver, hay varias líneas con la frase CODIGO VIDEO. En ellas, debes reemplazar esto con el código de cada vídeo.

Supongamos que vas a utilizar YouTube. El primer paso constará de seleccionar los cinco vídeos a mostrar.

Posteriormente obtén el código de cada uno, que te proporcionan al querer insertar el reproductor en un sitio web. Tendrá un aspecto muy similar a esto:

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/_EC2tmFVNNE?fs=1&hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_EC2tmFVNNE?fs=1&hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

Recopílalos en un documento en blanco, utilizando el bloc de notas o el notepad y, en cuanto los tengas todos, cambia las cifras 640 y 385 por 240 y 185 -respectivamente- para ajustar el tamaño de cada reproductor y hacer que no sobresalga de la barra lateral al implementarlo en el blog.

Finalmente, agrega cada código entre las comillas (' ') del script y guarda el gadget. Arrástralo hasta el lugar idóneo en tu barra lateral y accede a la portada de tu blog varias para comprobar el resultado.

Ya no tendrás un simple vídeo, ahora se trata de una pequeña colección.

¿Cómo puedo añadir más vídeos a la lista aleatoria? Muy fácil. Copia líneas como blVideoCodig[4] = 'CODIGO VIDEO' e insértalas justo encima de:

jjblcjte = Math.random() * (blVideoCodig.length)

No olvides cambiar la cifra (en este caso 4) para evitar errores.