Ajustando el ancho del vídeo (YouTube) a nuestro blog

Poner un vídeo de YouTube en apariencia, no tiene ninguna complicación.
El problema viene cuando el ancho de la plantilla es muy estrecho, como es el caso de este blog.
1º Para empezar seleccionamos el vídeo que queremos insertar.
2º Nos dirigimos a insertar

3º Seleccionamos el ancho más pequeño para que se ajuste a nuestro blog.

4º Copiamos y pegamos el código en la entrada que queramos.

Pero... si no se ajusta ¿Que debemos hacer?
Hay una parte del código que se puede tocar y nos facilitara ajustar el ancho como nosotros queramos. Esa parte está señalada en rojo.
<object width= "580" height="360" ><param name="movie" value="http://www.youtube.com/v/Yh1ae3IM41I&hl=es_ES&fs=1&rel=0&color1=0xcc2550&color2=0xe87a9f&border=1">
</param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Yh1ae3IM41I&hl=es_ES&fs=1&rel=0&color1=0xcc2550&color2=0xe87a9f&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="360" ></embed></object>
Es más, si no nos queremos complicar la vida con el ancho y el alto del vídeo, podemos coger solamente el ancho. Esto nos ayudara a que solo juguemos con una sola medida.
<object width="170" ><param name="movie" value="http://www.youtube.com/v/Yh1ae3IM41I&hl=es_ES&fs=1&rel=0&color1=0xcc2550&color2=0xe87a9f&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Yh1ae3IM41I&hl=es_ES&fs=1&rel=0&color1=0xcc2550&color2=0xe87a9f&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="170" ></embed></object>
Como podéis ver hemos eliminado height del código y así solo tenemos que asignarle una medida a la variable width. Por estética, el valor mínimo que podemos darle a la variable width es de 170.

Compartir