Accueil > Intégration web > Responsive Web Design
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%;
}