Video che si adattano alla dimensione del layout con FitVids


Uno dei problemi più grandi per chi deve usare video clip presi da siti come Youtube, Vimeo etc. è la possibilità di integrarli con un layout fluido, questo perchè, senza alcuni adeguati accorgimenti, il video clip rischierà di “uscire” dagli spazi previsti mentre il layout fluido si adatterà invece alle nuove dimensioni, provocando uno sgradevole effetto a tutto il sito web.

Per risolvere questo problema Dave Rupert e Cris Coyer hanno sviluppato insieme un utilissimo plugin JQuery che farà tutto il lavoro sporco necessario per rendere qualsiasi video fluido e perfettamente adattabile al layout in qualsiasi circostanza.

Il plugin in questione è FitVids, per farlo funzionare è sufficiente, ovviamente dopo averlo scaricato e inserito nella tua pagina web, andare ad individuare l’elemento HTML che contiene il video e scrivere una piccola funzione JQuery come questa:

$("#elemento-con-video").fitVids();

Qui sotto un piccolo video esemplificativo di come funziona FitVids.

Info sull' autore:
Nato a Bologna, mi occupo della realizzazione grafica e dello sviluppo front-end di siti web e sono il fondatore di questo blog. Se vuoi segnalare qualche problema o hai qualche richiesta particolare invia una mail tramite il modulo contatti.
Leggi gli altri articoli di

Ancora nessuna risposta per Video che si adattano alla dimensione del layout con FitVids

Lascia un commento

Trackbacks