Vídeo flotante

Hace ya varios días que no publico nada, pero hoy quise traerte este pequeño truco... Es algo extraño pero he recibido varios email pidiéndole, así que pues a darle.

Se trata de poner un vídeo de youtube FLOTANDO.

Aremos lo siguiente:

  • Primero tienes que agregar un gadget de "HTML/Javascript
  • En el tienes que pegar el siguiente código:
<a href='http://softnex.blogspot.com/' style='display:scroll;position:fixed;bottom:0px;left:0px;'>El código de YouTube</a>

  • Le das en guardar y listo
Bien eso fue lo básico ahora viene lo mas importante, la configuración del gadget.
Si ya cerraste el gadget tienes que volverlo a abrir y hacer lo siguiente:

El el código que te di anteriormente tienes que cambiar la linea que dice "El código de youtube" por el codigo que te brinda youtube o cualquier otro host de vídeos, te recomiendo que las dimensiones del vídeo "anchura y altura" sean de tamaño mas pequeño.
El código que tienes que copiar tiene que ser el de la siguiente imagen:


Si quieres cambiar la ubicación del vídeo solo tienes que cambiar este pequeño fragmento:
'display:scroll;position:fixed;bottom:0px;left:0px;'>
Por Right
'display:scroll;position:fixed;bottom:0px;right:0px;'> 

Pueden ver los resultados en nuestro blog de pruebas

1 comentario:

  1. Como hago para centrarlo al video flotante, es decir para que quede en el centro de la pantalla y el fondo en color oscuro, es decir que el visitante tenga que reproducir o cerrar la ventana del video para poder ver lo que hay detrás, esto lo he visto en algunas paginas, espero haberme explicado bien.

    ResponderEliminar

*Respeta la opinión de los demás, cualquier comentario que contenga insultos o burlas será eliminado.
*No des publicidad, ni nombres confusos, escribe claro y que se entienda tu punto.
*Si no te gusta la publicación comenta para mejorar, pero no ofendas a nadie.

Si no cumples con lo dicho anteriormente tus comentarios serán eliminados.