minimize myspace music player

For changing the size of the music player, you can now use my music player skin tool.
I have added an option for resizing the player, which works with (or without) a skin.
But I highly recommend adding at least a color and border.
Tool for sizing, coloring, adding skin, adding border to the myspace music player.

The above method does not require that the one use absolute placement, and does not use clip. Instead it uses the containing div to control the size.

I recommend using the above method, instead of the method I describe below.

If you want to know how the skins/colors work, or want to put them on your website, read this:
Adding Applying color or skin to the myspace music player

If you are looking to Hide the player completely (meaning it can not be seen) while still allowing it to play (in IE, FireFox and other Browsers), for the standard player, please see the following article:
Hide Myspace music player allow auto play


Hide, Remove mySpace Band Page music Player

<i class=i>START CODE to Hide Band Music Player. 
Code Author:Eileen; for terms of use see page:xiii.us/v/
<a href="xiii.us/eGen/mpSkin.php"> Music Player Skins</a> 
<a href="http://xiii.us/eGen/mpSkin.php"> Music Player Skins</a>
</i> 
<style> table table td.text div object, .i {display:none}
table table td.text div.myDiv object {display:block;}
table table td.text div {height:auto !important;}
table table td.text br {display:none;}
table table table td.text br,
table table.friendsComments td.text br {display:inline;}
</style> 
<i class=i>END code to Hide Music Player</i> 

IF you have placed any objects (such as flash) in your bio section , you need to insure it is in div class myDiv.

If it is already in a class add myDiv to the class list.
i.e.

class="otherClassName myDiv"
Or if it has no class clause add this inside the div tag:
class="myDiv"

IF your object does not have a parent div, add one, and put it in class myDiv.
OR, if you know what you are doing, you can instead just assign a class to the object and add the needed style to override the display:none.


Move mySpace music Player
This functionality has been moved to my music player skin tool. I do not want to keep it updated in multiple locations.
move myspace music player, myspace 2.0, myspace 1.0, with or without skin






For the below function, making your player tiny, I also recommend you use my music player skin tool. It has several templates for resizing the player. I used a different strategy. One of the myspace code changes inhibited the ability to use position:absolute, so I had to come up with a new strategy.

minimize myspace music player, tiny myspace music player myspace 2.0, myspace 1.0, with or without skin



=========Old code below this point has not been tested for several months, and myspace has made many changes to the page structure and music player code. =========
I am keeping my older code here, since it has been copied to other sites already.
Minimize Player
This applies to the Standard Player (not the band page player).
It is no longer possible to just re-define the player size, the effect is to "clip" it down instead of shrinking it. This means that parts of the player will be clipped off.
What this does allow us to now do, is to clip off everything except the stop and start button. The below code will clip the player down to just the button, and place it just to the left of the ad banner, on the top:

The first solution moves (and clips) the div which contains the player.
If you have other divs, which this has a negative effect on, and you can not isolate them to reverse the style, the next solution may work better for you.
(However the 2nd solution does not make it as easy to apply a colored skin to the button).
I like to place this code in the Music Section, at the very top, or the very bottom:

<a class=i  href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9tdXNpYy1wbGF5ZXItdGlueQ==">
Tiny Music Player Myspace Code by Eileen</a>

<style>
.i {display:none;}
table table div {height:51px; width:295px; 
position:absolute; top:0px; left:50%; margin-left:360px; z-index:7;
clip: rect(7px, 41px, 43px, 5px);}
{!-reverse effect on other divs !}
table table td.text div, 
table table table div,
table table div div {width:auto !important; height:auto !important; position:static !important; margin-left:0px; background-color:transparent;}

{! OPTIONAL color button !}
{! has no effect on browsers other than IE and Mozilla, Firefox !}
table table div {background-color:hotpink;}
table table div object, table table div embed {-moz-opacity:0.7;  filter: alpha(opacity=60)}
table table td.text div object, 
table table td.text div embed {filter:none; -moz-opacity:1;}
</style>

Solution II, this one manipulates the object, instead of the containing div.

<a class=i href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9tdXNpYy1wbGF5ZXItdGlueQ==">
Tiny Music Player Myspace Code by Eileen</a>
<style>
.i {display:none;}
{!-clip player down, move to top just left of ad banner-!}
table table div object, 
table table div embed { 
 position:absolute; top:0px; left:50%; margin-left:-410px; 
 z-index:9; 
 clip: rect(7px, 41px, 43px, 5px);} 

{!-reverse effect on myspace vplayer; clip will not work with position:static !}
table table td.text div embed, 
table table td.text div object{position:static; margin-left:0px;}

{!-reverse effect on other objects you may have -!}
table table table div embed, 
table table table div object {position:static; margin-left:0px}

</style>

Move Player without Resizing
Method I (If you have applied a custom skin, you should use this method, or the skin will not move.)

<a class=i href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9tdXNpYy1wbGF5ZXItdGlueQ==">
Move Music Player Myspace Code by Eileen</a>
<style>
.i {display:none;}
{! move player top just left and under ad banner-!}
table table div  { 
 position:absolute; top:120px; left:50%; margin-left:-40px; 
 z-index:9; }

{!-reverse effect on other divs !}
table table td.text div, 
table table table div,
div table table div,
table div div {position:static; margin-left:0px;}

</style>

Method II (manipulate the object, leaving the div behind)

<a class=i href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9tdXNpYy1wbGF5ZXItdGlueQ==">
Move Music Player Myspace Code by Eileen</a>
<style>
.i {display:none;}
{! move player top just left and under ad banner-!}
table table div object, 
table table div embed { 
 position:absolute; top:110px; left:50%; margin-left:-40px; 
 z-index:9; }

{!-reverse effect on myspace vplayer !}
table table td.text div embed, 
table table td.text div object{position:static; margin-left:0px;}

{!-reverse effect on other objects you may have -!}
table table table div embed, 
table table table div object {position:static; margin-left:0px;}

</style>

For the band player, when re-locating, FF now sees both object and embed as valid. This leads to double movement if you address it as both. So use only Object. However if you are re-sizing it, you must still use embed in FF. I do not know when the script myspace uses for this changed, to cause this.




For the Band 4 Song Player

<style>
{!-Size Player to Zero-!}
table table td.text embed, table table td.text object{width:0px; height:0px;}
</style>

Push player off page (Band 4 Song Player)

<style>
{!-Push player off the page-!}
table table td.text object{position:absolute; top:-500px; right:50%;}
</style>

Thank you for Visiting; Have a Nice Day :-)

- how do i make the myspace band music player invisible
reposition music player on myspace
change color of music player on myspace
skin for music plyer on myspace
make music player smaller myspace
how do i move my music player on top of my profile