View Full Version : Youtube video margin problem

07-31-2012, 02:27 AM
I added a youtube video to my site kinda like a featured video spot but for some reason theres a margin on the right and bottom of the video. Any Ideas as to what would be causing this and a way to fix it?


07-31-2012, 04:28 AM
Your best option is to download the video; I would use KeepVid

Then embed the video yourself, the margin error is on youtubes side, it's a iframe bug their fix it soon or later.

You could use embed youtube old code but they added a feature which disables the video player from being the size of your feature box.

So option one is the best idea then you have full control over the video :)

07-31-2012, 06:09 PM
I fixed it with out doing your steps tempz it ended up being a glitch in the padding. I tried to have the video centered in the block with out having the video in its own div.

<style>#featurebg { background: url(images/featurebg.jpg) no-repeat; width: 369px; height: 236px; float:right; padding-right:10px;}</style

<div id="featurebg"><iframe width="360" height="191" src="http://www.youtube.com/embed/iGjnN5NK3GM?rel=0" frameborder="0"></iframe></div>


<style>#featurebg { background: url(images/featurebg.jpg) no-repeat; width: 369px; height: 236px; float:right; padding-right:10px;}
#featurevid { width: 360px; height: 191px; padding-top: 35px; padding-left: 4px;}</style>
<div id="featurebg"><div id="featurevid"><iframe width="360" height="191" src="http://www.youtube.com/embed/iGjnN5NK3GM?rel=0" frameborder="0"></iframe></div></div>

07-31-2012, 06:20 PM
Oh, good job. If you're stuck with anything else, pm me :)

I'm happy to help!