YouTube video se u post / stranicu ubacuje samo sa copy&paste linka. Ukoliko želimo da video okvir bude responzivan treba oko linka upisati sljedeće:
<div class="videoWrapper"> <!-- Copy&Paste link sa YouTube-a --> http://www.youtube.com/link-na-video </div>
a u CSS-u dodati ovo:
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Postotak za padding-bottom se dobiva na sljedeći način: (9:16)x100=56.25% Ako je proporcija videa neka druga postupak je isti, npr. za proporciju 4:3 račun glasi (3:4)x100=75%
Izvor: Fluid Width Video
A može i ovako: YouTube Responsive Video . Čak i bez preračunavanja.