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