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