Iframe niet responsive

  • Sasseke

    (@sasseke)


    7 jaren, 9 maanden geleden

    Hoi
    ik heb een iframe op de site geplaatst en deze wil niet responsive worden.
    Dit is de link: http://moveindazity.nl/video-piloxing-3/

    Dit is de HTML code: 

    <div class="intrinsic-container">
<iframe width="960" height="540" src="https://www.youtube.com/embed/S9yEDh3MIag?rel=0&showinfo=0" allowfullscreen></iframe>
</div>

    En dit de CSS code:

    .video-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.video-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.video-container-4x3 {
  padding-bottom: 75%;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

    Kan iemand mij hiermee helpen?
    Groeten
    Sasseke

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • AugusGils

    (@augusgils)

    7 jaren, 9 maanden geleden

    En wat als je de class op:
    <div class="intrinsic-container"></div>

    Nou eens vervangt met video-container 🙂

    Thread starter Sasseke

    (@sasseke)

    7 jaren, 9 maanden geleden

    Ik bedoel(de) ook video-container.
    Ik had de ene code ergens anders vandaan dan de andere.
    Het is precies deze code en het gaat allemaal om class ‘video-container’.
    Groeten
    Sasseke

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘Iframe niet responsive’ is gesloten voor nieuwe reacties.