25 lip.

Ubacivanje responzivnog YouTube videa

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.