Adding a video to a DIV Overlay layout? Options

[Amaranth]

Ok, so I got this really cool DIV Overlay layout. My music was working and everything, but the navigation bar didn't work. So I put in a completely new layout. But then the music stopped working.

So now, I'm trying to add a youtube video to the DIV Overlay.
But it's not working.. I can get the sound to play, but not the video.

I'm trying to get the video in the same spot as this:
www.myspace.com/mehnameiscorey

CODE

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2

xheW91dD1teXNwYWNlX2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><p><a href="http://www.msplinks.com/MDFodHRwOi8vZHJhbWEuY3JlYXRlYmxvZy5jb20v" title="Grab Myspace

Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p>
<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px;

height:0px;}</style>
<style>body{
scrollbar-arrow-color:8B8B00;
scrollbar-track-color:000000;
scrollbar-shadow-color:000000;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;}
</style>
<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redt

ext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td

font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text

table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table

td.text{visibility:visible;}
table, tr, td{ background-color: transparent; border: 0px; }
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form{display:none!important;}
body{ background-color: 000000;}

.image{position: absolute; left: 50%; margin-left: -533px; top: -35px; z-index: 0;}

.friends{position: absolute; left: 50%; margin-left: 19px; top: 460px; z-index:5; width:

195px; height: 280px; border="0"}

.comment{position: absolute; left: 50%; margin-left: 19px; top: 435px; z-index:5; width:

200px; height: 35px; overflow-x: hidden;}

.aboutme{position: absolute; left: 50%; margin-left: -237px; top: 280px; z-index:1; width:

200px; height: 240px; overflow: auto;}

.extra{position: absolute; left: 50%; margin-left: 19px; top: 320px; z-index:5; width:

195px; height: 110px; overflow: auto;}

.header{position: absolute; left: 50%; margin-left: 19px; top: 275px; z-index:5; width:

200px; height: 100px; overflow: auto;}

.nav{position: absolute; left: 50%; margin-left: 19px; top: 267px; z-index:5; width: 200px;

height: 100px; overflow: auto;}


body,table, td, li, p, div
{font:normal 10px arial; color:FFFFE0; font-weight:none; border:0px; text-transform: none;

line-height:12px;}
textarea{background-color: 76ADEE; width: 180px; height: 70px; color: FFFFFF;

font-size:11px;}


a{font:normal 9px arial; color:ffffff; font-weight:none; border:0px; text-transform: none; }


a:link{font:normal 9px arial; color:ffffff; font-weight:none; border:0px; text-transform:

none; }


a:active{font:normal 9px arial; color:ffffff; font-weight:none; border:0px; text-transform:

none; }


a:visited{font:normal 9px arial; color:8B8B00; font-weight:none; border:0px; text-transform:

none; }
a:hover{font:normal 9px arial; color:8B8B00; font-weight:none; border:0px; text-transform:

none; }




a:link, a.man{font:normal 9px arial; color:ffffff; font-weight:none; border:0px;

text-transform: none; }


a:active{font:normal 9px arial; color:8B8B00; font-weight:none; border:0px; text-transform:

none; }


a:visited{font:normal 9px arial; color:8B8B00; font-weight:none; border:0px; text-transform:

none; }


a:hover{font:normal 15px arial; color:8B8B00; font-weight:none; border:0px; text-transform:

none; }


h1 {
color: 8B8B00;
font: 15pt times;
font-weight: bold;
letter-spacing: 1px;
padding: 0px;
background-color: none;
background-repeat:repeat;
text-align:center;
text-transform:bold;
border-bottom: 2px solid;
border-color: FFFFE0;
display: block;}


b, strong { font-weight: normal;
font: bold 11px arial;
font-weight: bold;
color:8B8B00;
text-transform:none;text-align:center;}


i {
color:8B8B00;
font-size:8pt;
cursor:default;
line-height:8px;
letter-spacing:0px;
font-family:times;
text-transform:none;
}

u { font-family:arial;
text-align:center;
color:FFFFE0;
font-weight: normal;
border-bottom:1px solid;border-color: 8B8B00;text-align:center;}

s {
color:8B8B00;
font-size:10pt;
cursor:default;
line-height:8px;
letter-spacing:0px;
font-family:times;
text-transform:none;

</style>






<style>
.content {position:absolute; left:50%; top:-248px; margin-left:-400px; width:800px; text-align:center; border:2px black solid; background-color:dddddd; padding:5px;}
</style>
<div class="myVideo">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="172" width="212" data="http://www.youtube.com/v/tPIO86jTrQQ&hl=en&fs=1&fmt=18&autoplay=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/tPIO86jTrQQ&hl=en&fs=1&fmt=18&autoplay=1" />
</object>
</div>

This post has been edited by jaeminnie: Oct 12 2008, 01:11 PM

Reason for edit: Use codebox tags for long codes. - Cristy

[Amaranth]

Thanks. The sound will play, but does anyone know the code to show the video on top of the Div?

[Amaranth]

Hmm. How did my friend do it then? =/
www.myspace.com/mehnameiscorey

[Amaranth]

That's what I'm trying to do.

[fixtatik]

i'm assuming you want your music player to be hidden but play. this should do that fine (just replace the code decaydance gave you):

CODE

object { position:absolute; left:-500em; }
td td td object { position:static; }

what it does is move the music player completely off the page (it still loads, so the music will still play), but any embedded flash object in a nested table (your youtube video) will still work fine.

[Amaranth]

Sorry for the confusion, guys.
This is what I'm trying to do.
I have my music player set so that it doesn't show up on my profile.
I want to put a youtube video on my profile.
The problem is, I have a div overlay layout, and it doesn't show over it.


EDIT:: Nevermind, I found a code :)

[Mickey]

Alright, topic closed & moved. PM me if you need this reopened.