Reply To: Youtube Video Too Big

Home Forums Support Youtube Video Too Big Reply To: Youtube Video Too Big

Home Forums Support Youtube Video Too Big Reply To: Youtube Video Too Big

#158006
Tom
Lead Developer
Lead Developer

You’ll need to add this CSS:

.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%;
}

Then wrap your video in the videoWrapper class:

<div class="videoWrapper">
    <iframe src="youtube..." />
</div>