Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts

    Youtube video margin problem

    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?

    http://www.armorwhoresunited.com/
    Last edited by PitbullMean; 07-31-2012 at 02:35 AM.
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • #2
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    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

  • Users who have thanked tempz for this post:

    PitbullMean (07-31-2012)

  • #3
    Regular Coder
    Join Date
    Oct 2007
    Location
    Glencoe, Ontario, Canada
    Posts
    340
    Thanks
    19
    Thanked 27 Times in 27 Posts
    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.
    GLITCHED FOR SOME REASON
    Code:
    <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>
    FIXED!!!
    Code:
    <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>
    Eric "PitbullMean" Melo
    Always Start your layout with*{border:0; margin:0; padding:0;}
    Be sure to Thank ALL Users who give assistance.

  • Users who have thanked PitbullMean for this post:

    tempz (07-31-2012)

  • #4
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Oh, good job. If you're stuck with anything else, pm me

    I'm happy to help!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •