fbpx

Come integrare un video completamente responsive con Bootstrap

Blog News Pubblicato il Scritto da
Fonte immagine:

Una delle cose peggiori che può capitare allo sviluppo di un’interfaccia grafica web Bootstrap based è quella di visualizzare un video fuori proporzione ovvero non tenendo conto se il video è stato progettato per una visualizzazione a 16:9 o a 4:3.

Nonostante Bootstrap, a partire dalla versione 3, mette a disposizione delle classi specifiche, sempre più di frequente notiamo che non sempre i sviluppatori le utilizzano.

Le classi in questione sono

embed-responsive embed-responsive-16by9

per un aspetto in 16:9 e

embed-responsive embed-responsive-4by3

per un aspetto in 4:3.

Ecco i due esempi:

<!– 16:9 aspect ratio –>

<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="//www.youtube.com/embed/...."></iframe>
</div>

<!– 4:3 aspect ratio –>

<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="//www.youtube.com/embed/...."></iframe>
</div>

Hai trovato qualcosa di interessante nel sito? Hai bisogno di un consiglio o di una consulenza gratuita?
Realizza il tuo progetto ora!

Chiama il numero verde Contatto Telefonico 800 281 715 per parlare direttamente con uno specialista!
HardGroup eleva il tuo business alla massima potenza.

Richiedi informazioni
Condividilo su Facebook Twitter Whatsapp

Leggi più articoli su: Community, Programmazione - Approfondisci di più su: - Scopri tutti gli articoli di: Redazione HardGroup.

You must be logged in to post a comment.

HardGroup si impegna a essere leader in Italia
Grazie al vostro supporto siamo Official Partner:

Aruba Business Partner