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>
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.
Y muchos más artículos interesantes si nos sigues en...
Muchas gracias sos un genio !!
ResponderEliminarAhora, 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 !
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.
ResponderEliminarSaludos ;)
Buen codigo, excelente para hacer un efecto de actualización constante, así subimos varios videos, imágenes y textos, y nos vamos de vacaciones.
ResponderEliminarNos vemos
Gracias
No entiendo el codigo -_-" pufff
ResponderEliminar¿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???
1. En lugar de CODIGO_OBJECT_EMBED_VIDEO
ResponderEliminar2. Exacto, sobreescribiendo eso
3. Dentro de enlace[0]. El siguiente en enlace [1] y así sucesivamente.
¿Aclarado? :)
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?
ResponderEliminarwww.laplumavoladora.blogspot.com
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)
ResponderEliminarY donde cambio el width y el height del video?
ResponderEliminarEl código que te facilitan para embeber un vídeo, suele llevar esos dos atributos en dos sitios. Si no, los añades tú.
ResponderEliminarOk, ya entendi, muchas gracias
ResponderEliminarHola, cuando pego el código en el html de wordpress no funciona, en blogger si.
ResponderEliminarSabes por que puede ser esto o que solución hay para hacer lo mismo en worpress?
Gracias
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.
ResponderEliminarHola, 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!
ResponderEliminarVale, gracias por la aclaración.
ResponderEliminarMe gustaria que funcionase en las entradas tambien ^^" solo funciona en los gadgets...
ResponderEliminarNo lo entiendo... ¿Que debo hacer? ¿Me ayudan?
Hola Porty.
ResponderEliminarPara 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.
menudo lio tengo yo
ResponderEliminarme 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
Para eso, tendrías que copiar el script que aquí se cita y en lugar de
ResponderEliminarCODIGO_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.
Gracias oloman.
ResponderEliminardespué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
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.
ResponderEliminarHola,
ResponderEliminarHe 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!
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.
ResponderEliminarBuenas Oloblogger. Soy ElblogdePorty... ¡Cuanto tiempo! xD
ResponderEliminarPues 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 ^^
Mucho gusto en saludarte de nuevo y... de nada.:D
ResponderEliminarNo Me Funciona!!!
ResponderEliminarReemplazo "CODIGO_OBJECT_EMBED_VIDEO_1" por el embed que me da youtube y no me aparece ningun video... :(
Que es lo que sucede?
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...
ResponderEliminarEs en una entrada y dentro de una tabla.
ResponderEliminarcomo 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
Me lié un poco con otra entrada... ¡cómo ya no las releo! :D
ResponderEliminarElektroDanz, 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.
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.
ResponderEliminarhola 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!!!
ResponderEliminarHolaaaa 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.
ResponderEliminarEn 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 ;)
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.
EliminarOtra 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.
Gracias Oloman por tu pronta respuesta. Puedes tener razón respecto de las páginas, haré una prueba y te comentaré.
ResponderEliminarGracias y un abrazo.