Auto-embeds – Specifically YouTube – Centering

  • James Adamthwaite

    (@jamesadamthwaite)


    14 years, 2 months ago

    Ok, there’s got to be a way to do this. I simply want embeds I do, specifically YouTube, to be centered with I post the URL in my post.

    For example:

    http://www.youtube.com/watch?v=SsGwIJBNOiI

    Produces an IFRAME in the post. I’ve tried updating my CSS to use:

    iframe { margin: 0 auto; }

    But the iFrame is warpped in <p></p> tags.

    I do not want to use DIVs, nor the manual embed code. I want to be able to keep my posts “clean” by having ONLY the YouTube URL in the post, I want AutoEmbed to do its magic, but I want the finished product to end up centered on the page.

    I’ve searched all over. Would be ever so grateful for some help here. xoxo

Viewing 3 replies - 1 through 3 (of 3 total)
  • Pioneer Web Design

    (@swansonphotos)

    14 years, 2 months ago

    inline example:

    <p class="text-align:center;"><iframe><stuff></iframe></p>

    More here

    Use a tool such as Firebug to review the applied CSS rules.

    Thread Starter James Adamthwaite

    (@jamesadamthwaite)

    14 years, 2 months ago

    Sorry, but I’m specifically looking for a way for WordPress’ auto embed feature to output this. I’m very familiar with the proper CSS markup and use Firebug.

    I just want to paste the URL of the YouTube video and then have AutoEmbed output that centered on the page.

    The page: http://gaynerdblog.com/entertainment/how-you-doin/

    Here’s the post text: 

    http://www.youtube.com/watch?v=SsGwIJBNOiI 

Learn To Do it Yourself: 

http://www.youtube.com/watch?v=q1A_sxzuBDU
    Thread Starter James Adamthwaite

    (@jamesadamthwaite)

    14 years, 2 months ago

    As you can see – it’s rendering:

    <p><iframe width="550" height="413" src="http://www.youtube.com/embed/SsGwIJBNOiI?fs=1&feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>Learn To Do it Yourself: </p>
<p><iframe width="550" height="413" src="http://www.youtube.com/embed/q1A_sxzuBDU?fs=1&feature=oembed" frameborder="0" allowfullscreen></iframe></p>
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Auto-embeds – Specifically YouTube – Centering’ is closed to new replies.