Responsive Web Design

Extraits de code (1) :

[CSS] Vidéo iframe responsive

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

Langage du code ci-dessous : CSS

.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%;
}

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.