JASoft.org

El blog de José Manuel Alarcón Aguín. Programación web y mucho más...

MENÚ - JASoft: JM Alarcón

Cómo conservar la relación de aspecto en los vídeos embebidos en páginas web

Tenemos una página web (por ejemplo, un blog) en la cual necesitamos insertar vídeos de YouTube, Vimeo, etc...  La cosa parece muy fácil: vamos a la página en cuestión y usamos el código de “Embeber” que nos dan: Ahora vamos a la página y metemos ese simple iframe y listo: tenemos el vídeo en la página y YouTube, Vimeo o quien sea se encarga de mostrarlo en el formato más adecuado para el dispositivo con el que se visualice la página. Los problemas comienzan cuando necesitamos que ese vídeo se redimensiones automáticamente según la resolución o el tamaño de la pantalla del dispositivo que se conecte para verlo. Es decir, cómo conseguir que el vídeo se redimensione de manera fluida, adaptándose automáticamente a los cambios de tamaño de la página, al más puro estilo Responsive Web Design. El código que nos dan para el marco embebido lleva un ancho y un alto fijos. El primer intento es simplemente quitarle esos atributos. Esto no sirve porque entonces el tamaño será el mínimo p... [Más]