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
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