Responsive Web Design

Extraits de code :

  • [CSS] Vidéo iframe responsive

    On a besoin ici que d'une balise <div class="video-container"> </div> qui englobe l'iframe.

    .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 60%;
            overflow: hidden;
    }
    
    .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
    }