need help on how to center a youtube video, 2.0 profile Options

[xose]

need help on how to center a youtube video on my profile,
here is my url: http://www.myspace.com/jmv209


my profile is 2.0

CCS

CODE

div.vviidd {
height:250px;
width:500px;
border-top:30px solid red;
border-right:none;
border-bottom:30px solid red;
border-left:none;}

HTML

CODE

<div class="vviidd" style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="385" width="500">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.youtube.com/v/NhicNnm0Xw0&autoplay=1" />
  <param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/NhicNnm0Xw0&autoplay=1" height="385" width="500" wmode="transparent" />
</object></div>

[Mickey]

Remove the CSS codes for the vviidd class. Replace your HTML codes for the video with this:

CODE

<p style="text-align:center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="385" width="500">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.youtube.com/v/NhicNnm0Xw0&autoplay=1" />
  <param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/NhicNnm0Xw0&autoplay=1" height="385" width="500" wmode="transparent" />
</object></p>

That should do it.

[xose]

thanks, but is there any way to have it the vid cropped like in the profile but centered?

[Mickey]

Put this in your CSS:

CODE

p.vviidd {height:250px; width:500px; padding-left:35px;}

Replace the left padding value with whatever number until your video is centered. Then, replace your video codes with this:

CODE

<p class="vviidd">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="385" width="500">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.youtube.com/v/NhicNnm0Xw0&autoplay=1" />
  <param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/NhicNnm0Xw0&autoplay=1" height="385" width="500" wmode="transparent" />
</object>
</p>

See if that gives you the result you're looking for.

[xose]

thank you very much, :)
it worked

[Mickey]

Topic closed & moved.