Youtube on 2.0?, REE REE REE REE! Options

[Jghelfi]

HIYA!
i have a question and its about my YOUTUBE VIDEO on my 2.0 myspace...

heres a pic,

click to enlarge

and i know, i know...heres the code of the movie..

CODE

<h2>Call it Off by Tegan and Sara</h2>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="344" width="425" data="[url="http://www.youtube.com/v/mp9WY7rBiBQ&hl=en&fs=1&autoplay=1"]http://www.youtube.com/v/mp9WY7rBiBQ&hl=en&fs=1&autoplay=1[/url]">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="[url="http://www.youtube.com/v/mp9WY7rBiBQ&hl=en&fs=1&autoplay=1"]http://www.youtube.com/v/mp9WY7rBiBQ&hl=en&fs=1&autoplay=1[/url]" />
  <param name="wmode" value="transparent" />
</object>

alright since i know that most of you that are reading are going to say: "Try RESIZING it..." well thats not going to work because it resizes the video, but not the PLAYER SIZE...

so any help will be needed!

heres my Profile..www.myspace.com/da1nonlyjon

[fixtatik]

i think i understand what you mean now. myspace added in a pretty stupid "auto resize" class in the HTML and CSS of profile 2.0, which resizes all embedded flash to 100% width.

the quickest way to adjust all embedded objects in your blurbs area is by using this:

CODE

.autoResize object { width:##px; }

unfortunately, everything will still retain the height relative to 100% width, so flash objects will be awkwardly high, have a blank space beneath them, or be malformed. i don't recommend adding in a height attribute as well, in the case that you might put differently sized objects on your page.

to fix that, you'll have to adjust height and width relative to each object you're embedding, using styling to override myspace's CSS. in the case of your flash video:

CODE

<h2>Call it Off by Tegan and Sara</h2>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="344" width="425" style="height:344px; width:425px" data="http://www.youtube.com/v/mp9WY7rBiBQ&hl=en&fs=1&autoplay=1">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.youtube.com/v/mp9WY7rBiBQ&hl=en&fs=1&autoplay=1" />
  <param name="wmode" value="transparent" />
</object>

to simplify, add this to every <object> tag you have:

CODE

style="height:##px; width:##px"

edit: and just to note, unless you're familiar with what myspace does to change object tags, i recommend first saving, then adding in the style properties and saving again. if you add the styles before you save the first time, myspace removes them, unless you have the object tag formed the way they like it.