martes, 6 de septiembre de 2011

Ajustar el ancho de los vídeos automáticamente con jQuery


FitVids es un plugin realmente novedoso, sirve para ajustar automáticamente el ancho de los vídeos embebidos en nuestros sitios, ideal para aquellos diseños elásticos que tanto se utilizan hoy en día.
Los vídeos en general son siempre los que rompen las estructuras en cuanto los navegadores cambian de dimensiones, con FitVids este problema es del pasado porque se encarga de escalar el tamaño según el espacio disponible, redimensionando a la perfección el video embebido.
En el video que inserto a continuación se muestra perfectamente el funcionamiento del plugin.

FitVids from Dave Rupert on Vimeo.


El plugin actualmente funciona perfectamente con los sitios de vídeos más populares de la red: Youtube, Vimeo, Blip.tv, Viddler, etc.
Para utilizarlo solo necesitamos inicializar el plugin pasando como parámetro el selector donde se encuentra contenido el video.
Ejemplo de uso:
$(document).ready(function(){
    // Target your .container, .wrapper, .post, etc.
    $("#thing-with-videos").fitVids();
});
Web: FitVids