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

...da sempre in continua evoluzione...

Come incorporare video Youtube sul tuo sito con Responsive Web Design

Come incorporare video Youtube sul tuo sito con Responsive Web Design

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 :)

Evoluzione Computer Contatti

Copyright © 2010 - 2021 Evoluzione Computer Torino - Assistenza PC Hardware & Software - Realizzazione Siti Web - info@evoluzionecomputer.com


IMPORTANTE: questo sito non raccoglie dati personali e non traccia i visitatori, pertanto non è soggetto al GDPR sulla privacy. Tutti i marchi presenti appartengono ai legittimi proprietari e sono stati utilizzati a puro scopo esplicativo ed a beneficio del possessore, senza alcun fine di violazione dei diritti di Copyright vigenti. I servizi offerti hanno carattere del tutto occasionale, non svolgendo prestazioni di lavoro autonomo con carattere di abitualità.