myspace music player hide remove play

Example of what hiding controls on a youtube video will do:

Contents
Alternatives and Recomendations
MySpace 2.0 Hide Player While Still Allowing it to Play
MySpace 1 Hide Player While Still Allowing it to Play
Notes related to the Older Code being used on Many Sites

Remove controls from YouTube Video
Remove controls from YouTube Video
Disable the Pause/Stop button on Myspace Music Player

Alternatives and Recommendations
RECOMMENDATION: If you are looking for alternatives to hiding the player, such as adding color (to make it blend in with your page and/or minimizing it (without removing it), adding skin, moving the player to the top corner, please see the following articles:
Apply a Skin and/or Resize Player, add border and more
Minimize the myspace music player without removing it


Notes related to the Older Code being used on Many Sites
[note: There have been reports that the hide code being used, for the standard player, no longer works. In FF it prevents the player from playing. I tested my code, and the more common code found in cyberspace. I found the symptom to be real, but not consistent. I have provided alternate code below, which does not cause this problem. ]

I am no longer recommending the "Move it off the Page Strategy" or "Resize it to Zero Strategy"
Both of these seem to have a high occurrence of causing the player to Not play in FireFox. My test results were not conclusive. Sizing to zero had a higher rate of failure to play than shifting the player off of the visible page.

MySpace 2.0 Hide Player While Still Allowing it to Play
Place this code in the css section of the customize profile section:

{!code author:Eileen!}
{!for terms of use go to xiii.us/tou/ }
.i{display:none;}
div.musicPlayerModule {position:absolute; 
top:0px; left:0px; 
width:1px; height:3px; 
overflow:hidden; 
opacity:0.0013; 
filter:alpha(opacity=0.013)} 

MySpace 1 Hide Player While Still Allowing it to Play
I had the lowest play failure rate using the strategy shown below:

<style>
<a class=i href="http://xiii.us/eGen/mpSkin.php">skin, move, size myspace music player</a>
{!code author:Eileen!}
{!for terms of use go to xiii.us/tou/ }
.i {display:none;}
table table div {position:absolute; top:0px; left:0px; width:auto !important; }
table table div object {opacity:0.001; filter: alpha(opacity=0.01); width:40px; height:50px; position:absolute; top:0px; left:0px; }
table table td.text div, 
table table table div,
div table table div {position:static;}
table table table div object, table table td.text div object, div table table div object {position:static; opacity:0.9999; filter:none; width:auto; height:auto;}

</style>

The position:absolute removes the player div from the page flow, so that it does not take up space. However, the carriage returns are still there.
You can remove these by using a negative top margin on the interests table, OR a negative bottom margin on the url table.
Add the following lines to the above style block:

br {line-height:13px}
table.interestsAndDetails {margin-top:26px}

Also, if you care about some VERY old versions of Safari:

table table div object {-kthml-opacity:0.01}
table table td.text div object {-kthml-opacity:1.0}

If you care about Very old versions of Mozilla or FireFox you will need this:(add this to a style block):

table table div object (-moz-opacity:0.01}
table table td.text div object {-moz-opacity:1.0}

Remove controls from MySpace Video
[code coming soon]

Remove controls from YouTube Video
And example of what this code will do can be found near the top of this page

I am sure that those who want to do this, also want to autoplay, and loop the video, so I will include those options in the code.

Go to the youtube page, and play the video.
Retrieve the value after v=
i.e. example:
http://www.youtube.com/watch?v=eIabgPX14R4

I want the eIabgPX14R4
Replace BOTH occurrences of eIabgPX14R4 in the following code, with the value of your youtube video:

<a class="i" href="xiii.us/ms/music-player-hide">Hide YouTube Video Controls Code By Eileen
<style>
x.i i, .i {display:none;}
div.xiiiYouTube {width:320px; height:240px !important; overflow:hidden; border:0px hotpink dashed; position:relative; top:0px;}
object.xiiiYouTube {position:absolute; clip: rect(1px, 320px, 240px, 1px)}
</style>

</a>
<div class="xiiiYouTube">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="270" width="320" class="xiiiYouTube" data="http://www.youtube.com/v/eIabgPX14R4&autoplay=1&loop=1">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.youtube.com/v/eIabgPX14R4&autoplay=1&loop=1" />
  <param name="wmode" value="transparent" />
</object>
<i class="i"> END code to remove Video Controls </i>
</div>
</a>

Disable the Pause/Stop button on Myspace Music PlayerI really hope you are enjoying the music I choose for this page.

There are multiple ways to disable the Pause/Stop button, while forcing anyone reading your page to listen to your music (or shut their sound off).

My favorite is to cover the button (and the rest of the player) with a clear gif.
To do this you must either have a pretty good idea of how far above your interests (or from the top of the page) your player is, or used absolute positioning to move your player.

[Code to be posted soon]

In IE, if you have a transparent background, to your main table, you can just set the z-index of the div the player is in, to -1.
Then it shows, but has a table over it, so it can not be accessed.

[Code to be posted soon]

Thank you. Have a Nice Day


hiding a music player on myspace
minimize myspace music player
my song won't play in FireFox IE fix

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

MySpace Band Music Player Color Skin Move

Band Music Player Moving, Removing, Hiding, Coloring, adding an image Skin

This article was updated 26 September 2008 due to myspace code changes

27 September: MySpace changed their code again last night, breaking some of my changes. I should have expected this change, but still hesitate to update this content further until MySpace decides if they want the player one div, or two divs deep. Personally I liked 2 divs deep.

Removing the Band Music Player

Addressing the Band Music Player
Moving the Player
Making your Player show On Top, instead of Under, another Element, Problems with player layering
Allowing your background to show through your player

The page the below link goes to has not yet been updated. Maybe this evening.
Tool for Generating Code To apply Color or Image Skin to the Band Player

Addressing the Band Music Player
To get a better idea, of what I am describing, you may want to view the following myspace page. I have added styling to the page to show the page elements, classes, and layering.
www.myspace.com/music3test

Looking at the above page, one can see that the music player is in the right column.
The right column is in class text.
The player is at this level:
table td table td.text div object



If you add any objects, you need to give them their own class, so that any code to style/move the music player, can be coded so as to NOT effect other objects.


removing the Band Music Player
do NOT set the player to autoplay, in some browsers it will play, even if hidden.
This code will remove the player and the space it occupied, and move your shows (or blogs if you have no shows) up a slight amount to account for the carriage returns left behind when the player was removed.

This code can go at the very top of the Bio.

<i class=i>START CODE to Hide Band Music Player. 
<a  href="xiii.us/eGen/mpSkin.php">
Music Player Skins</a>
<a  href="http://xiii.us/eGen/mpSkin.php">
Music Player Skins</a>
<a  href="views-under-construction.blogspot.com/2006/01/myspace-band-music-player-color-skin.html">
My Space band music player Code by Eileen</a>
</i>
<style>
table table td.text div object, .i {display:none}
table table td.text div, table table td.text div.i div {height:auto !important;}
table table td.text div {margin-top:-13px;}
table table td.text table div {margin-top:0px;}
</style>
<i class=i>END code to Hide Music Player</i>

Moving the Player
Absolute Positioning, measuring from Top Center:

This is the method MOST div overlay strategies require.
(If using my div overlay strategy this is NOT the best positioning method)

This may also work well, without a div overlay, if the location you are placing the player is NOT very far from the top of the page.

This code can go at the top of the Bio:

<i class=i>START CODE to Move Band Music Player. 
<a  href="xiii.us/eGen/mpSkin.php">
Music Player Skins</a>
<a  href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9lR2VuL21wU2tpbi5waHA=">
Music Player Skins</a>
<a  href="views-under-construction.blogspot.com/2006/01/myspace-band-music-player-color-skin.html">
My Space band music player Code by Eileen</a>

The below code centers the Player 200px from the top.  You can change the top and left-margin values.
</i>

<style>
.i {display:none;}
table table td.text div object {position:absolute; top:200px; left:50%; margin-left:-225px;  z-index:9}
table table td.text div object object {position:static; margin-right:0px; margin-left:0px;}
table table td.text div, table table td.text div.i div {height:auto !important;}
table table td.text div {margin-top:-13px;}
table table td.text table div {margin-top:0px;}
</style>

<i class=i>END Code to Move Band Player</i>

Absolute Positioning, measuring from Top Left:
Use this strategy ONLY IF your player is logically inside a parent container, that you are positioning relative to.
IF you used MY Div Overlay Strategy, You Want to Use This Method

<a  href="views-under-construction.blogspot.com/2006/01/myspace-band-music-player-color-skin.html">
My Space band music player Code by Eileen</a>

The below code places  the Player 100px from the Top and 20px from the Left of the closest Parent Div that has a position command.  
You can change the top and left px values.
</i>

<style>
.i {display:none;}
table table td.text div object {position:absolute; top:100px; left:20px;  z-index:9}
table table td.text div object object {position:static;}
table table td.text div, table table td.text div.i div {height:auto !important;}
table table td.text div {margin-top:-13px;}
table table td.text table div {margin-top:0px;}
</style>

<i class=i>END Code to Move Band Player</i>

Layering the Player, Solve problems with player sitting under, instead of on top of, another Div.
A change to the myspace default/core code, which occurred in either late May or early June 08, some people discovered that their band music player, was no longer showing.
On the pages I looked at, the player was hidden under another element (usually a custom div).
The solution is z-index (The same myspace code change which caused the problem also allowed the player to utilize z-index).

<style>
.i {display:none;}
table table object {position:relative; 
top:0px;
z-index:9 !important;}
</style>

The above code MAY effect other objects on your page. The position command is needed, in most cases. You can change it to position:absolute, and change the top value, add left and margin values, as needed.
You may have to adjust this on other objects as well.

Allowing your background to show through your player
Place this code at the very top of your bio:

<a class=i href="http://xiii.us/ms/band-music-player">
MySpace Band Music Player Style Skin Tutorial</a>
<style>
table table td.text div object {filter:alpha(opacity = 40);}
table table td.text div object object {opacity:0.4;}
.i {display:none;}
</style>

Prevent Effects on Other Objects When moving or styling Band Player

If you are adding other objects to your page, and they will fall at the same level as the player, you MUST give them their own class, or they will be effected by the band player code.

i.e.

<div class="myObject1">
Your object code here.
If you are doing a cut and paste of code, 
from another site, paste that code here.
</div>

<style>
div.myObject1 {position:static; 
background-color:transparent;
background-image:none;
-moz-opacity:1;
filter:none;}
</style>