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.

[Mickey]

Haha, thanks. 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;}
object {width:0px; height:0px;}
td td td 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>

[HIGHDEF]

You never cease to amaze Anarchy. Thanks for responding quickly.
However, still doesn't work. :( I DO appreciate you trying.

Perhaps, I just want you to respond again, so I can see your profile pic change!
Kidding! But thanks for trying. No luck.

[Mickey]

CODE

<param name="wmode" value="transparent" />

Remove that from your YouTube video codes and keep the codes I told you to put. It should work.

[HIGHDEF]

Anarchy,

Still doesn't work. Trying to get rid of the arrow boxes on the bottom and righthand side. No such luck.
I've been pulling my hair out.
You're still the bomb though!

Can anyone else share a code?

[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;">

[Mickey]

Okay, replace your codes with this to remove the scrollbars:

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;}
object {width:0px; height:0px;}
td td td 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: hidden;">
<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" />
</object>

</div>

That should get rid of them. Now, your video doesn't work because you posted one with a malformed ID. What you need to do is look for your video again, take its code, and replace the one you already have with it.

[HIGHDEF]

Anarchy-
You are the greatest. I owe you. Don't know what I could do, but you kick a$$. Mucho thanks for hanging in there thick and thin with me. You rock.

Same to you AllVanishing.

Many thanks!

[manny-the-dino]

Topic Closed & Moved