Evoluzione Computer Torino
Assistenza Hardware & Software, Riparazioni, Assemblaggio PC, Realizzazione Siti Web Professionali

...da sempre in continua evoluzione...

dal lunedì al venerdì 09.00-19.00

340.8073698

Come incorporare video Youtube sul tuo sito con Responsive Web Design

youtube-responsive

Ecco come fare, puoi utilizzare la tecnica CSS inserendo l'iframe fornito da YouTube all'interno di un DIV con una classe CSS a piacere.

Esempio:

<div class="video-resp">
<iframe src="//www.youtube.com/embed/EIc1FaqIkfg?rel=0" allowfullscreen="" frameborder="0" height="315" width="560">
</iframe>
</div>

Aggiungi le seguenti classi nel file CSS del tuo template:

.video-resp {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.video-resp iframe,
.video-resp object,
.video-resp embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

Fatto :)

Questo sito utilizza cookies propri e di terze parti per migliorare la tua esperienza di navigazione.

Proseguendo nella navigazione si accetta l’uso dei cookies. Per saperne di più leggi la Privacy Policy

OK