Vídeos aleatorios. BPT. | Oloblogger Después de mostrar cómo hacer un gadget para mostrar frases aleatoria , otro para imágenes aleatorias y otro con imágenes que incluían en...

26 de junio de 2009

Vídeos aleatorios. BPT.



Después de mostrar cómo hacer un gadget para mostrar frases aleatoria, otro para imágenes aleatorias y otro con imágenes que incluían enlaces, que me pidais la manera de insertar vídeos aleatorios es ya de BPT... con todos mis respetos, como siempre. Así que a pesar de hacer un post completo para este tema, no puedo por menos que etiquetarlo dentro de la categoría indicada.

Quizás el mejor lugar para colocar este gadget, sería como un nuevo idem en la barra lateral, seleccionando el tipo HTML/JAVASCRIPT. El código base es este:

<script type="text/javascript">
enlace = new Array();
enlace[0] = 'CODIGO_OBJECT_EMBED_VIDEO_1';
enlace[1] = 'CODIGO_OBJECT_EMBED_VIDEO_2';
enlace[2] = 'CODIGO_OBJECT_EMBED_VIDEO_3';
enlace[3] = 'CODIGO_OBJECT_EMBED_VIDEO_4';

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

CODIGO_OBJECT_EMBED_VIDEO_X es el código que por ejemplo facilita YouTube para insertar un vídeo. Hay que ponerlo tal cual, con todos sus símbolitos, entre las comillas simples.

Podeis añadir tantas líneas enlace[x] = '... como querais, pero siempre respetando la numeración consecutiva de la matriz.

Como en el ejemplo que podeis ver a continuación, los parámetros WIDTH y HEIGHT del código para embeber objetos, se puede cambiar, pero en este caso hay que respetar la proporcionalidad: a mitad de ancho, corresponde la mitad de altura.

Para comprobar que cada vez sale un vídeo distinto, teneis que refrescar la página.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

33 comentarios :

  1. Muchas gracias sos un genio !!

    Ahora, jaja (como siempre pregunton )*gracias por contestar rapido.

    Mi pregunta es esta, quiero ahorrar espacio en blog.

    Me gustaria poner varios gaget, pero tardaria mucho en cargar y seria muy grande el blog.

    Asi la posibilidad que cada ves que carge salga una gadget diferente.

    No se si me hago entender, pero lo que deseo , asi como los videos se podria hacer que salga una gadget distinto cada vez que carge.

    desde ya muchas gracias !

    ResponderEliminar
  2. Esta muy bien el sistema de videos, puede que lo utilice en mi blog ya que la barra de video de youtube no me convence del todo.

    Saludos ;)

    ResponderEliminar
  3. Buen codigo, excelente para hacer un efecto de actualización constante, así subimos varios videos, imágenes y textos, y nos vamos de vacaciones.

    Nos vemos
    Gracias

    ResponderEliminar
  4. No entiendo el codigo -_-" pufff

    ¿Donde pongo el codigo de mi video?
    ¿¿¿Encima de donde pone 'CODIGO_OBJECT_EMBED_VIDEO_1' o tal vez despues????

    ¿¿¿El primer video de la lista de aleatorios donde va???

    ResponderEliminar
  5. 1. En lugar de CODIGO_OBJECT_EMBED_VIDEO
    2. Exacto, sobreescribiendo eso
    3. Dentro de enlace[0]. El siguiente en enlace [1] y así sucesivamente.

    ¿Aclarado? :)

    ResponderEliminar
  6. he utilizado este codigo... pero el video queda en mi blog sesgado... es decir se reproduce pero el campo de vision del video solo permite ver la parte derecha del mismo... como puedo arreglarlo?

    www.laplumavoladora.blogspot.com

    ResponderEliminar
  7. Hola Gabriel. Creo que es porque tu barra lateral es más estrecha que el vídeo y por tanto, tienes dos opciones: o hacerla más ancha o hacer que el vídeo tenga una medida menor. En este último caso tendrás que reducir la altura en la misma proporción (width y height)

    ResponderEliminar
  8. Y donde cambio el width y el height del video?

    ResponderEliminar
  9. El código que te facilitan para embeber un vídeo, suele llevar esos dos atributos en dos sitios. Si no, los añades tú.

    ResponderEliminar
  10. Hola, cuando pego el código en el html de wordpress no funciona, en blogger si.

    Sabes por que puede ser esto o que solución hay para hacer lo mismo en worpress?

    Gracias

    ResponderEliminar
  11. No sabría decirte. Por si acaso, prueba a cambiar <script language="JavaScript"> por <script type="text/javascript" >, que creo que es más correcto... pero realmente no sé donde está el problema.

    ResponderEliminar
  12. Hola, gracias por tu respuesta pero no funciono debido a que wordpress no permite el javascript en los posts. Muy bueno tu Blog. Saludos desde Uruguay!

    ResponderEliminar
  13. Vale, gracias por la aclaración.

    ResponderEliminar
  14. Me gustaria que funcionase en las entradas tambien ^^" solo funciona en los gadgets...

    No lo entiendo... ¿Que debo hacer? ¿Me ayudan?

    ResponderEliminar
  15. Hola Porty.
    Para que un código funcione en una entrada, tienes que redactarlo todo seguido, sin saltos de línea. En este caso, además, añade un punto y coma al final de todas y cada una de las líneas que hay entre las etiquetas SCRIPT y /SCRIPT, para que se interprete bien.

    ResponderEliminar
  16. menudo lio tengo yo
    me han pasado una web, y ya tiene su sitio solocau en dreamweber.
    quiero poner este codigo xo... imposible!!! sirve xa web???
    os pongo lo q tengo x si me pudierais decir como sustituir el video q hay por una lista de otros 4 y carguen aleatorio en cada entrada:

    como no me deja poner aqui el codigo, le he hecho una foto y os la paso:
    http://img26.xooimage.com/files/5/c/d/ayuda--15c8bc7.jpg

    gracias d antemano

    ResponderEliminar
  17. Para eso, tendrías que copiar el script que aquí se cita y en lugar de
    CODIGO_OBJECT_EMBED_VIDEO_1
    colocas todo eso que hay en la captura que enviaste. Luego haces lo mismo con el vídeo 2, el 3, etc.

    ResponderEliminar
  18. Gracias oloman.
    después de seguir tu consejo, no me sale el efecto deseado, concretamente me aparece solo texto. en mi código, si véis(esta vez lo mando completo) hace referencia 4 veces al videi de youtube (q no existe ya) y quiro modificarlo y no puedo.
    ya me solucionais esas 2 dudas y me doy con un canto en los dientes! gracias!!!
    http://img44.xooimage.com/files/b/b/e/ayudaa-15defc6.jpg

    ResponderEliminar
  19. Escríbeme a mi dirección (está un poco más abajo) y te remito un ejemplo completo con el código embebido de los vídeos.

    ResponderEliminar
  20. Hola,

    He visto el código y me parece muy bueno, el problema que le veo es que por ejemplo en mi caso debo de poner el siguiente código y a parte de repetir muchas veces la misma información cuando le paso un validador de HTML me aumenta los errores exponencialmente. Hay algun modo de poder poner constantes en el código y evitar escribir tanto?

    Muchas gracias!

    ResponderEliminar
  21. Gracias por decir que es bueno, pero es normalito. Con respecto a lo de las constantes, que supongo quieres decir, variables con datos fijos, no he logrado montarlo para que funcione. Ya te contesté al correo que me mandaste. Un saludo.

    ResponderEliminar
  22. Buenas Oloblogger. Soy ElblogdePorty... ¡Cuanto tiempo! xD

    Pues ahora mismo voy a usar este codigo otra vez para mi página jajajaja... En serio; Muchisimas gracias por todo tu apoyo. Ojala el mundo estuviera lleno de gente como tu. Gracias por ayudarme cuando lo necesitaba ^^

    ResponderEliminar
  23. Mucho gusto en saludarte de nuevo y... de nada.:D

    ResponderEliminar
  24. No Me Funciona!!!
    Reemplazo "CODIGO_OBJECT_EMBED_VIDEO_1" por el embed que me da youtube y no me aparece ningun video... :(

    Que es lo que sucede?

    ResponderEliminar
  25. Si lo pones en la barra lateral te debe funcionar tal cual. Si es en una entrada, tendrás que pasar el código a texto plano. Supongo que será eso, porque como no especificas nada más...

    ResponderEliminar
  26. Es en una entrada y dentro de una tabla.
    como es eso de pasarlo a texto plano?

    www.ElektroDanZ.blogspot.com

    vas a ver en la entrada principal que dice portada un video y ese es el que quiero que sea aleatorio!

    Saludos

    ResponderEliminar
  27. Me lié un poco con otra entrada... ¡cómo ya no las releo! :D
    ElektroDanz, lo que hay que hacer es lo que pone el comentario #16. Tienes que añadir un ; al final del cada línea del script (salvo a la primera y a la última, dónde viene la etiqueta SCRIPT) y luego quitar los saltos de línea.ç

    Así es la única manera de que funcione bien un código en una entrada.

    ResponderEliminar
  28. Estoy probando el código para el blog de Voleybol Sotillo y funciona perfectamente, aunque voy a esperar unas semanas para ponerlo. Muchas gracias por tu ayuda.

    ResponderEliminar
  29. hola me va muy bien tu codigo gracias... solo busquen el codigo embed de youtube por ejemplo u otros sitios de almacenamiento de videos...va muy bien el codigo gracias!!!

    ResponderEliminar
  30. Holaaaa mi querido amigo. Tanto tiempo. Pues al recibir respuesta de mi propuesta sobre los 30 euros por año ;D Vengo a preguntar sobre esta entrada en particular.
    En el blog http://kioscodecrochet.blogspot.com/ (que espero te guste) como ves en las entradas tengo puestas revistas, pero ahora de esa misma forma quisiera colocar VIDEOS como lo explicas aquí pero creo que está sólo dirigido a gadgets. Me encanta la idea y poner varios en una entrada significa que para la persona que guste del Crochet o Tricot pueda desde un mismo lugar ver todas las diferentes partes.
    Me puedes ayudar? Espero tus comentarios.
    Te dejo un fuerte abrazo y gracias por tu esfuerzo, sabes que lo tengo en cuenta siempre ;)

    ResponderEliminar
    Respuestas
    1. Tienes un sistema de sumarios (resumen de entradas), pero eso no se puede hacer con vídeos. Bueno, al menos yo no conozco la manera de capturar una imagen de un vídeo para mostrarla en un sumario.

      Otra cosa es que quieras vídeos aleatorios en una de las entradas o mejor -creo- en una página. Para eso sólo hay que copiar este mismo código en dicha entrada, pero quitando los saltos de línea que pudiera tener.

      Me permito hacer el apunte de que creo que lo mejor sería una lista de vídeos simple, poniendo el código que te de YouTube (o el servicio que sea), uno detrás de otro.

      Eliminar
  31. Gracias Oloman por tu pronta respuesta. Puedes tener razón respecto de las páginas, haré una prueba y te comentaré.
    Gracias y un abrazo.

    ResponderEliminar