Rendere responsive un video di YouTube per non incappare… alzi una mano chi in un template perfettamente responsive non si sia accorto almeno una volta che i video di YouTube non lo sono!
Con questo semplice codice semplice da usare riuscire a rendere responsive il vostro video di YouTube:
Rendere responsive un video di YouTube
Per il CSS scrivi:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px
height: 0
overflow: hidden
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
mentre per l’HTML scrivi l’iframe che trovi cliccando sul tasto condivisione di Youtube corrispondete al video in questione:
Se ti ha interessato l’articolo, rendere responsive un video di YouTube, allora potrebbe interessarti No more tables come rendere responsive una tabella