Video wont show, DIV layout Options

[Tomates]

So im trying to put a youtube video on a DIV layout i made.
However when i add the video it makes my layout completely dissapear including the video itself.
How do i get that to not happen?

Is there something special i need to add or do?

[Mickey]

Replace those codes with this:

CODE

<div class="div">

<img src="http://i34.tinypic.com/35btv9u.jpg" usemap="#name" border="0" /><map name="name">

</div>


<div style="position:absolute; top:320px; left:50%; margin-left:200px;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="244" width="325" data="http://www.youtube.com/v/5O9dZF2q6R8&hl=en&fs=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/5O9dZF2q6R8&hl=en&fs=1" />
</object></div>



<style>
.link1{z-index:5;line-height:10px;position:absolute;width:111px;height:51px;left:200;top:1230}
.link2{z-index:5;line-height:10px;position:absolute;width:101px;height:29px;left:310;top:1230}
.link3{z-index:5;line-height:10px;position:absolute;width:128px;height:23px;left:465;top:1230}
.link4{z-index:5;line-height:10px;position:absolute;width:120px;height:24px;left:635;top:1230}



.name1{height: 51px; width: 111px; overflow: hidden; background:
url(http://i36.tinypic.com/2q24gb9.jpg) top left no-repeat;
display: block;}
.name1:hover{background-position: bottom left;}
.name2{height: 51px; width: 156px; overflow: hidden; background:
url(http://i35.tinypic.com/9st6o6.jpg) top left no-repeat;
display: block;}
.name2:hover{background-position: bottom left;}
.name3{height:51px; width: 157px; overflow: hidden; background:
url(http://i38.tinypic.com/243kjdv.jpg) top left no-repeat;
display: block;}
.name3:hover{background-position: bottom left;}
.name4{height: 51px; width: 159px; overflow: hidden; background:
url(http://i34.tinypic.com/xcqh49.jpg) top left no-repeat;
display: block;}
.name4:hover{background-position: bottom left;}


</style>



<div class="link1"><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="NAME1"></a></div>
<div class="link2"><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFgmTXlUb2tlbj05
TBjMmJlNS0xYzQzLTQwOTctODgxZS1hZTIxNmE0Y2ZlYWY=" class="NAME2"></a></div>
<div class="link3"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFgmTXlUb2tlbj05ZTBjMmJlNS0xYzQzLTQwOTctODgxZS1hZTIxNmE0Y
ZlYWY=" class="NAME3"></a></div>
<div class="link4"><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPVhYWFhYWCZNeVRv
2VuPWU1MTE4ZGY4LTQ1MTctNDc4MS05MmM1LTA4MTkxNWRmNzk4OA==" class="NAME4"></a></div>
<div class="link5"><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFg=" class="NAME5"></a></div>

</center>
</div>


<div class="ABOUTME"><center>



</center>
</div>


<div class="friends"><center>



</center>
</div>

<div class="COMMENTBOX"><center>



</center>
</div>


<style>div table table table td font {visibility:visible;} table table embed {display:block; position:absolute; top:11px; left:0px; visibility:visible;} .herpe td td object {position:absolute; left:40%; margin-left:-150px; top:300px;} table table table embed {position:static;}</style>

<style>embed, object {display:block; width:50px; height:50px;}</style>

At the bottom, I bolded the code that you can edit to change the heigth and width of your video. Just change the two 50's to the amount of pixels of your choice. Enjoy!