evoluzionecomputer.com

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

340.8073698

info@evoluzionecomputer.com

ASSISTENZA E ASSEMBLAGGIO PC
CREAZIONE SITI INTERNET

PREVENTIVI GRATUITI