Dettaglio Knowledge Base

iframe responsive con width 100%

Se vogliamo incorporare un filmato youtube in una pagina del nostro sito e vogliamo che questo assuma le dimensioni della pagina questo è quello che dobbiamo fare:

Creare un div che contegna l'iframe con i seguenti stili CSS

.video embed {
               position: relative;
               padding-top: 30px;
               padding-bottom: 56.25%;
               height: 0;
               overflow: hidden;
             }

I 30px di padding-top servono per i controlli del video ed il 56,25% di padding-bottom è per il rapporto di visualizzazione 16/9

nel codice del iframe inserire

        height="100%"

quindi: