How To Align YouTube Videos In WordPress Post

Written by Costa on November 21, 2009 - 22 Comments
Categories: Theme Modification Tips

Youtube Video Align

Under normal circumstances, when we want to align images, WordPress will give us the options when we upload the particular image. On the other hand, if the image source is from a different site and you have permission to use it, you can use the div align tag to align the image manually to our preferences. All you have to do is to wrap the image source codes with the div align tags like this:

<div align="center">The Image Source code</div>

All your images will be aligned to the center of your post. It can also be aligned to the left or right.

Similarly, if you want your embedded videos to be aligned to the center of your post, you too can use the same tags like the example below.

<div align="center"> <object width="340" height="285"><param name="movie" value="http://www.youtube.com/v/RexXDDA8RoI&hl=en_US&fs=1&rel=0&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/RexXDDA8RoI&hl=en_US&fs=1&rel=0&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="340" height="285"></embed></object></div>

This will result in your videos sitting right at the center.

Nice and neat. While you are here, enjoy the video. It never cease to amaze me as to how in 1928, when computers and CGI software have not been invented yet, these guys can come up with such lively cartoons.

Advertisements

cc9eddcca37b908fe5a807e370f56b2d

Article by Costa Fong

@costafong

Who loves to mod and mess up WordPress Themes.

Costa has written 557 articles here. Some are awesome, some are lame.

If you enjoyed this post, whether it's awesome or lame, consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

SUBSCRIBE NOW to receive free Photoshop Action scripts for creating beautiful eCovers.

Users who found this page were searching for:

wordpress embeds left align
align youtube video in post
how to make embedded video align right
wordpress 3.0 youtube align
align video in wordpress
how to align video in wordpress
how to align videos in wordpress
align video wordpress
align video on wordpress post
how to center youtube videos on wordpress

22 Responses to “How To Align YouTube Videos In WordPress Post”

Comments

Read below or add a comment...

affiliate associate marketing program

November 30, 2009 at 5:34 pm

i usually use if I want the video centered. Before, I get really frustrated when the video frame is not where i intended it to be.

Reply
Tony

March 19, 2010 at 11:15 am

Awesome tip! Thanks for sharing.

Reply
Mitko

March 19, 2010 at 4:32 pm

I just use

Reply
Mitko

March 19, 2010 at 4:33 pm

sigh this code in comments

Reply
- Costa
  
  March 19, 2010 at 7:47 pm
  
  Just testing the code tag.
  
  <div align="center">all my text</div>
  
  okay, should be fine the next time you use the code tag. Sorry about that.
  
  Reply
Mitko

March 20, 2010 at 12:10 am

hi hi hi what do u type cause I can’t achieve that effect really…. all I wanted to say is that i use the center tag but this might save me a minute or 2 as well

Reply
- Costa
  
  March 20, 2010 at 9:03 am
  
  Rest easy mate, it’s no fault of yours. It’s on my side. I’ve fixed it and you can use the code tag from now on in the comments.
  
  Reply
  - Mitko
    
    March 20, 2010 at 4:13 pm
    
    Oh all right I thought I am an idiot for not being able to make it work. I tried it on my comments as well, not working, will look into it although it’s not that big a deal
    
    Reply
zach

June 24, 2010 at 1:13 pm

Thanks for the tips..

Reply
Spencer Turner

August 7, 2010 at 9:22 am

OMG! I think this has actually worked, I’ve been trying to find a way to get YouTube vids working in a WordPress blog for a while now and was having a problem centering them!

Thanks!!

Reply