DISEÑO Y SERVICIO WEB, RECURSOS EN LINEA, TUTORIALES, PROGRAMAS Y MÁS...

miércoles, 25 de noviembre de 2009

Redimensionar de forma manual los videos de youtube

Es un recurso muy común publicar videos de youtube  sin embargo muchas veces las dimensiones que tiene el objeto video  no son las que sirven cuando lo publicamos en un blog o una página
Puede ocurrir que el video se escape de la zona de publicación por ejemplo.
Para solucionarlo alcanza con editar el código del objeto, reudiciendo o aumentando los pixeles.

Aquí les dejo una demostración
Tomaré un video  cualquiera de youtube en este caso elegí el títulado  "La historia de Internet en 8 minutos (subtítulos en Español)

Su código para visualizarlos en otra web es:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/YPc3ghd8Kas&hl=es_ES&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YPc3ghd8Kas&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

y el video se ve así


Pero como yo deseo que se vea más pequeño tendré que cambiar el width(ancho) y el height(alto)
Para eso busco los valores width="425" y heigh="344" y los remplazo por el número de pixeles que quiero que tengan. Para mantener la proporción se recomienod que restemos o sumemos el mismo número de pixeles al widh y al height. Para este ejemplo restaré 200 a cada uno.

Asi que el codigo se verá así:

<object width="225" height="144"><param name="movie" value="http://www.youtube.com/v/YPc3ghd8Kas&hl=es_ES&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YPc3ghd8Kas&hl=es_ES&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="225" height="144"></embed></object>


y el video queda de este tamaño




No hay comentarios:

Publicar un comentario