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), please see the following article:
Hide Myspace music player allow auto play

Move mySpace music Player
The below code is the only code, to move the player, that I know of, which also works on players where a skin has been applied:

<i class=i>!!START code to move music player !!</i>
<a class=i href="http://xiii.us/ms/music-player">
move myspace music player code by Eileen</a>
<style>
table table div, 
x.i i .i {position:absolute; top:0px; left:50%; margin-left:360px;}
table table table div, 
div table table div, 
table table td.text div,
table table div div,
x.i .i .i, 
table div table div {position:static; margin-left:0px;}
</style>
<i class=i>!!END code to move music player !!</i>

The above places the player's left edge, just to the right of the ad banner. Adjust the top and margin values to get the position desired.

If you want to place the player just above your about me, alter the values as needed. On my test page the following values worked. Every page is different. You can experiment until you find the values that work for you. Keep in mind that the alignment will differ as the size of your blogs change, and if the browser or resolution is different:
top: 400px
margin-left:20px

You will also want to place a top margin above your blurbs, so that there is room for the player. You can add this to the style block:

table.blurbs {margin-top:100px}


If you prefer to place the right edge of the player, just to the left of the ad, use the below code.

<i class=i>!!START code to move music player !!</i>
<a class=i href="http://xiii.us/ms/music-player">
move myspace music player code by Eileen</a>
<style>
table table div, 
x.i i .i {position:absolute; top:0px; right:50%; margin-right:360px;}
table table table div, 
div table table div, 
table table td.text div,
table table div div,
x.i .i .i, 
table div table div {position:static; margin-left:0px;}
</style>
<i class=i>!!END code to move music player !!</i>

The above places the player's left edge, just to the right of the ad banner. Adjust the top and margin values to get the position desired.


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