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%; }
<div class="youtube-container"> <iframe src="" frameborder="0" width="560" height="315"></iframe> </div>