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