Blog con contenido variado. En caso de detectar links erróneos u obsoletos, se agradecerá un comentario en la entrada correspondiente a fin de retirar/actualizar dicha entrada.

Cómo cambiar en Blogger el tamaño de un vídeo insertado en una entrada de Blogspot


Cuando insertamos un vídeo en una entrada de Blogger el tamaño por defecto es muy pequeño (320x266) y no existe una opción directa para cambiarlo, como en el caso de las imágenes (pequeño, mediano, grande, etc...). No obstante, existe un forma que permite poder cambiar el tamaño.

Cuando terminemos de hacer la entrada (el texto, las imágenes en su caso y el vídeo en un tamaño por defecto) tenemos que entrar en “HTML” picando la pestaña correspondiente que está junto a Redactar.
Podemos desplazarnos por el texto y buscar el “objeto” (<object>) que hace referencia al vídeo. Podemos encontrarnos con algo similar a esto:


<object class="BLOG_video_class" contentid="bac2a561555bf1e6" height="266" id="BLOG_video-bac2a561555bf1e6" width="320"></object>

Si os fijáis en detalle veréis que se presenta (en modo Redactar) un reproductor similar al siguiente:
En él se distingue una barra de comandos en la zona inferior.
Yendo al detalle, se puede concluir que esta barra de comandos tiene una altura de 26 pixels, por lo que las dimensiones reales del video que se inserta son:
height (alto): 240
width (ancho): 320
Es decir, se inserta un video con relación de aspecto 4:3 (320:240).

A partir de este punto, la conclusión es sencilla. Los parámetros que deben incluirse en el “objeto” (<object>) de HTML son los siguientes:
height : [alto del video] + 26
width  : [ancho del video]

Nada mejor que un ejemplo para comprenderlo.

EJEMPLO: Tengo un video con una relación de aspecto 16:9, un ancho de 1280, y un alto de 720.
Como el video me parece muy grande para mi blog, voy a reducir su tamaño al 50%, es decir, ancho=640 y alto=360. Con ello, lo que deberá aparecer en HTML es:

<object class="BLOG_video_class" contentid="bac2a561555bf1e6" height="386" id="BLOG_video-bac2a561555bf1e6" width="640"></object>

Espero que os sirva.

No hay comentarios:

Publicar un comentario

Resumen de entradas