for the search, my way to preload images! haha

Guide Categories

Website Tutorials

Coding Tutorials

Image Tutorials

Recipes

Entertainment Reviews

Home Remedies

Game Codes and Cheats

Jokes



Search for in

Show only play button on a Youtube video

Skem9 Website Tutorials | Submited Dec 30, 2007

Written by: User Picture..

How to show only the play/pause button on the youtube videos for skem9 profiles.

Notes


Part of this goes in edit profile, the other goes in customize profile, if you read you'll know which go in which.
This doesn't conflict with centered text, if it does it means you combined the tags.
If you have anything related to embed in your codes take it out. If you're using a pre-made layout do this:
» CTRL F
» search "embed" and "object"
» If you have them, take them out. Simple.

In EDIT PROFILE



[­center][youtube]http://youtube.com/watch?v=8ZDADcPgoN4[/youtube]
[­/center]

User Picture..


In CUSTOMIZE PROFILE



.37182{make a box to hold the video, overflow:hidden; hides everything beyond the box thats IN the box}
p object{
width:44px; height:22px;
overflow:hidden; display:block;
-moz-border-radius:5px;
}

.37182{this moves the video up to the top of the box}
embed{margin-top:-321px; margin-left:-11px;}


OH NOES!!!1!one!!


I just found out this doesn't work in IE, you can fix that by adding this in your customize profile section
*html embed{width:1px; height:1px;}


Output


yayz, now I'm not afraid to come to your profile.
User Picture..

tags Tags: hide video show play or pause button

3Thumbs up  Thumbs down0

Related Tutorials
How to create contact tables
Hide Default Layout
Hide Blogs
Hide your MySpace URL
Hide Navigation Bar
Polaroid Effect for Friend Space
Hide Friends
Hide Comments
Simple div / overlay tutorial
Floating display name
Stylizing the name with borders.
3D effect Border
Artistic Color Isolation
Change your display picture to another picture
Image filters for IE
CSS Elements
Creamy Corn
Hiding tables on your profile
CSI
Precursor Orb Locations-Jak 3
8 Comments
  JB ~ 01/08/08, 12:31pm
Picture..
not rly
  User Picture.. ~ 01/07/08, 3:40pm
Picture..
This works, I tried it:

Code:
<div class="yT">
<object width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/ajevIwYNSoc&rel=1"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/ajevIwYNSoc&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>
</object>
</div>



and in [style-tags]:

Code:
.yT{overflow:hidden; height:23; width:44px;}
.yT object{position:relative; top:-325px; left:-10px;}

  JB ~ 01/07/08, 2:28pm
Picture..
Didnt work [sad]
  User Picture.. ~ 01/07/08, 2:17pm
Picture..
<div style="overflow:hidden; height:22px; width:44px;" class="yT">
Youtube code goes here
</div>

and then

div.yT embed{margin-top:-321px; margin-left:-11px;}
  JB ~ 01/07/08, 2:13pm
Picture..
how?
  User Picture.. ~ 01/07/08, 2:12pm
Picture..
oh, I just remembered what the code does, it may work for myspace if you change it up a bit.
  User Picture.. ~ 01/07/08, 2:11pm
Picture..
This is for skem9, I can make one for myspace though. :)
  JB ~ 01/07/08, 2:08pm
Picture..
This doesn't work in myspace profiles?

1 


Sorry, you have to be a member to comment tutorials