Vid / DIV Layout Options

[HIGHDEF]

LOVE this forum. Been on/off since 2006, so don't think I just dropped in.

The last "YouTube vid within DIV layout" thread was just closed, but I'm having the same issues.

Trying to put my YouTube vid on top of my DIV layout. I want it in a specific location. Would even love for it to autostart and hide controls.

Can ANYONE please help? Anarchy? I know you have skills! :)

Here's my code (intentionally black / dark):


ABOUT ME:

CODE

<style>
body {background-color:000000; background-image: url("http://www.tradebit.com/usr/highdef/pub/4/blackground.jpg"); background-position: center center; repeat: no-repeat; overflow-x:hidden;}
.latestblogentry {display:none;}
.friendscomments {display:none;}
.extendednetwork {display:none;}
.userprofiledetail {display:none;}
.contacttable {display:none;}
.friendspace {display:none;}
.profileinfo {display:none;}
.userprofileurl {display:none;}
.blurbs {margin-left:800000px;}
.userprofileschool {display:none;}
table tr td {background-color:transparent;}
embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;}
</style>
<style>
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}
</style>



<div style="position: absolute; left:453px; top:380px; width:300px; height:175px; overflow: auto;">
<center><br />
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="175" width="300" data="http://www.youtube.com/watch?v=2-RjMRP5IbI==en&fs=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/watch?v=2-RjMRP5IbI==en&fs=1" />
<param name="wmode" value="transparent" />
</object>

</div>

MANY THANKS in advance to any one that helps.

[allvanishing]

Try this:

CODE

<style>
body {background-color:000000; background-image: url("http://www.tradebit.com/usr/highdef/pub/4/blackground.jpg"); background-position: center center; repeat: no-repeat; overflow-x:hidden;}
.latestblogentry {display:none;}
.friendscomments {display:none;}
.extendednetwork {display:none;}
.userprofiledetail {display:none;}
.contacttable {display:none;}
.friendspace {display:none;}
.profileinfo {display:none;}
.userprofileurl {display:none;}
.blurbs {margin-left:800000px;}
.userprofileschool {display:none;}
table tr td {background-color:transparent;}
embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;}
</style>
<style>
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}
</style>


<div style="overflow: hidden; position: absolute; left: 453px; top: 380px; height: 240px; width: 340px;">

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="344" width="425" data="http://www.youtube.com/v/2-RjMRP5IbI&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/2-RjMRP5IbI&hl=en&fs=1&autoplay=1" />
</object>

</div>

Change the left and top #s of this part of the code to move the box around.
<div style="overflow: hidden; position: absolute; left: 453px; top: 380px; height: 240px; width: 340px;">