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?

[silent-rebirth]

CODE

<div style="position:absolute; top:500px; left:50%; margin-left:-500px;">put video code here</div>

found this code on this question. http://www.createblog.com/forums/index.php?showtopic=206368

[Tomates]

CODE

<div style="position:absolute; top:500px; left:50%; margin-left:-500px;">put video code here</div>

found this code on this question. http://www.createblog.com/forums/index.php?showtopic=206368

didnt work.

EDIT: This is what it looks like after i press save and such.
Though it wont show up on the layout
BUT the layout itself reappeard. The video hasnt though

CODE

<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>

[silent-rebirth]

If you have this code you might want to delete it and see if that works.

CODE

td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}

[Tomates]

If you have this code you might want to delete it and see if that works.

CODE

td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}

if your getting that from the other part the person said that didnt fix it either.
and plus i dont see that part in my code ;A;

[silent-rebirth]

that other person had got it fixed after that.
anyways why don't you try embedding it.

CODE

<div>
<embed src="youtubevideolocation"></embed>
</div>

[Mickey]

Do you mind posting your MySpace link and all of your codes?

[Tomates]

that other person had got it fixed after that.
anyways why don't you try embedding it.

CODE

<div>
<embed src="youtubevideolocation"></embed>
</div>

I want to be able to resize it though

and for anarchy this is the code in which the vidoe is under

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;}




<div class="VIDEO"><center>



</style>
</div>



<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>EMBED{width:0px;height:0px;} div table table table td font {visibility:visible;} table table embed {display:block; position:absolute; top:11px; left:0px; visibility:visible;} table table table embed {position:static;} .herpe td td object {position:absolute; left:40%; margin-left:-150px; top:300px;}</style><style>embed, object {display:block; width:0px; height:0px;}</style>

[xDarkHope]

edit: scratch that

[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!

[Tomates]

Ohhh Anarchy i want your children *u*
It works awesomely now.

Thanks so much

[manny-the-dino]

Topic Closed & Moved