Vídeo en columna o sidebar, post o entrada del Blog

Colocar un vídeo en una columna es igual de sencillo que hacerlo en un post.

Sólo se trata de ir a la famosa web de Youtube o cualquier otra, buscar el código que nos dan como "Insertar" - "Embed" u otras fórmulas similares. (Cada web marca su propia fórmula).

En el caso de Youtube nos fijamos en "Insertar" (I) y desplegamos la ruedecita que hay al final (II)

Nos saldrá una pantalla similar a la siguiente imagen donde sólo se trata de elegir: colocar un borde en el vídeo o no, su color ( el que más te guste), y el tamaño adecuado.

Si insertas un vídeo en un post, sólo debes elegir entre las medidas que te dan y el que mejor se adapte.

Supongamos que nos dan un código como el siguiente:

(Me tomo la libertad de señalar en rojo aquello en lo que deberemos fijarnos especialmente para modificar las medidas del vídeo)

Nos vamos a: Diseño - Elementos de la página

Añadimos un gadget HTML/Javascript y "Copiar/Pegar" el código que Youtube o cualquier web nos dé.

Lo realmente importante si queremos colocar un vídeo en la columna o sidebar es cambiar los valores numéricos de los códigos width (ancho) - height (alto). Es decir, sólo hay que cambiar los números dentro del código que están señalados en rojo para que se adapte a tu sidebar.

Dato:

Generalmente la sidebar suele medir unos 200 de ancho y la altura debe ser proporcional. Lo mejor es hacer "prueba y error". Muchas veces dependerá de nuestros gustos la medida que le demos al vídeo.

ADVERTENCIA:

CUANDO SE USAN CÓDIGOS ES RECOMENDABLE UTILIZAR SIEMPRE LA PESTAÑA DE "EDICIÓN DE HTML" DE FORMA GENERAL.

Es decir, (repito), cambiamos los valores señalados en rojo


<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/6YXh_r2i0N0&hl=es&fs=1&color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6YXh_r2i0N0&hl=es&fs=1&color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>


Para que nos quede:

<object width="200" height="155"><param name="movie" value="http://www.youtube.com/v/6YXh_r2i0N0&hl=es&fs=1&color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6YXh_r2i0N0&hl=es&fs=1&color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="155"></embed></object>


Nota:

Si quieres el vídeo centrado coloca el código que se te da entre <center> y </center> al principio y al final respectivamente.

Así,


<center><object width="200" height="155"><param name="movie" value="http://www.youtube.com/v/6YXh_r2i0N0&hl=es&fs=1&color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6YXh_r2i0N0&hl=es&fs=1&color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="155"></embed></object></center>


(más claro, imposible)