Personalizar la caja de video de Youtube

By noviembre 21, 2013Trucos

¿Como modificar la forma en la que aparece un video de youtube dentro de tu web? Muy simple.

Lo primero que tendre que hacer es buscar el video que quiero insertar dentro de mi web.

Una vez localizado, tendre que pulsar en “compartir”:

compartir

Aparecerán 3 lineas justo debajo, seleccionamos “insertar”

insertar

Copiamos el código que aparece marcado en azul.

Este código lo insertamos en nuestra web y ya tendremos insertado el vídeo de youtube en nuestra web.

¿Como personalizar la forma en la que aparece ese vídeo en nuestra web?

a) Modificar el tamaño del vídeo: Solo tendremos que modificar estos parámetros hasta ajustarlo a nuestro deseo. width=”560″ height=”315″

b) Si no queremos que aparezcan sugerencias de youtube cuando termine de reproducirse el vídeo solo tendremos que meter este comando “rel=0” al final de la referencia del video. Aqui os pongo un ejemplo:
src=”//www.youtube.com/embed/JF8BRvqGCNs?rel=0″. Volverán a mostrarse si elimino “?rel=0”.

c) Si queremos que el video salte automaticamente solo tendre que escribir este comando “autoplay=1″ tal y como hicimos en el paso anterior. Ejemplo: src=”//www.youtube.com/embed/JF8BRvqGCNs?autoplay=1”

d) Si quiero enlazar varios comandos que funcionen a la vez (imaginemos que quiero que el video salte automaticamente y que no aparezcan sugerencias de videos). Solo tendre que escribir los comandos de esta forma src=”//www.youtube.com/embed/JF8BRvqGCNs?autoplay=1&rel=0″

e) Si quiero quitar las capas que se superponen por encima del video donde sale la informacion y la parte de reproduccion, solo tendre que añadir estos comandos “controls=0” (parte de reproductor – inferior) y “showinfo=0” (parte de informacion – superior).

f) Si deseo eliminar el logotipo de youtube que aparece en la parte de reproduccion, solo tengo que meter este comando “modestbranding=1”. No hay opcion de quitar, de forma gratuita, el enlace hacia youtube.

g) Si deseo cambiar el color del reproductor, solo hay que meter el siguiente comando “theme=light” (Se mostrara gris).

Join the discussion One Comment

Leave a Reply