Responsywne video youtube

Jak sprawić aby osadzone video z youtuba było responsywne? Poniżej przedstawiam kod css i html aby to osiągnąć.
Kod css:

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

.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
W htmlu otaczamy iframe divem:
<div class="youtube-container">
    <iframe src="" frameborder="0" width="560" height="315"></iframe>
</div>

Komentarze 0

Dodaj komentarz