Myspace and the Soundcloud player
Obviously the Soundcloud flash player is much nicer than the myspace player so I tried to migrate all my tracks from my myspace player to soundcloud. I tried to remove the myspace player but after deleting all the tracks the player remained, so I mailed the myspace support about this. They removed the myspace player for me, but also my soundcloud player commenting its against their policy to add external flash players to your myspace page. When I added my Soundcloud player again, the myspace unit popped back as well... d0h
Basically a lot of people are using external flash players but somehow that one guy at myspace tech didnt like it too much. My question is really on how to remove the myspace player, what kind of script would work so that the Soundcloud player fully replaces the myspace player?
cheers.
Basically a lot of people are using external flash players but somehow that one guy at myspace tech didnt like it too much. My question is really on how to remove the myspace player, what kind of script would work so that the Soundcloud player fully replaces the myspace player?
cheers.
2
people have this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
The company marked this question as answered.
-
Inappropriate?Hi,
I wasn't aware of the fact that MySpace doesn't allow any 3rd party flash players on their profiles. Seems very strange given how many of them are around on every other profile you come across there.
Anyway, here's the CSS code you need to insert to remove only MySpace's own flash player from an artist page. The SoundCloud player and other players you may have added will remain on the page. Simply copy and paste this into your musician details -> musician bio section:
<style type="text/css">
td.text > script+div, td.text > script+div > embed, td.text > script+div > object { display:none }
</style>
I’m happy
-
this only seems to work in firefox 3 though, in w explorer 6.0 the myspace player remains visible. I havent tried it in w explorer 7. -
i'll check this. i think it works fine in IE7.. IE6 might not work. -
Inappropriate?here's are some examples of the soundcloud player in action on myspace:
http://myspace.com/forss
http://myspace.com/alwaysclosing
http://myspace.com/groovebase -
And me: http://www.myspace.com/jamesweston :) (I've never uploaded any tracks to MySpace though) -
Lol, could that be the simple way of removing the myspace player, unload all your tracks????
I'll prob stick with putting a picture in place of the myspace player. Can someone let us know if this works please?
Cheers,
Seymour -
Seymour, I've never uploaded any tracks to unload. However, I do remember the MySpace player appearing on my MySpace Music profile some months back and then disappearing again a few days later with no intervention from me. They like to fiddle :) -
I removed all my original myspace player songs, which in the beginning made the player to disappear :-) Great I thought, this was easy.. but after a week or two the Myspace player pops back again?! As J-dubay says, Myspace probably like to play mouse and cat.. I think they're doing all they can to remove 3. part stuff from the profiles, completely stupid if you ask me. -
Inappropriate?Took me a while but I found a method for adding in the soundcloud player and removing the myspace player which works on FF3 IE6 and IE7:
Use this code in your 'bio' section:
<style type="text/css">
table table td.text div { display: none; }
object { display: none; }
table table td.text div.scPlayer { display: block; height: 228px; width: 426px; }
table table td.text div.scPlayer object { display: block; height: 228px; width: 426px; }
</style>
Then for your soundcloud player, surround the code with a div: I cant post this code here the board doesnt show the div code section, but here it is (remove the spaces):
< div class="scPlayer" >
Add in your soundcloud player code in between these div elements
< /div >
This can be seen at:
http://www.myspace.com/theacolytesband
There are some limitations of this fix:
This will hide all other object elements e.g. youtube vids etc
The fix for this I think is this: (I havent tested this, also, remove the spaces on the div elements)
<style type="text/css">
div.showObject { display: block; }
</style>
< div class="showObject" >
Add your youtube video object here
< /div >
Enjoy,
Seymour -
Inappropriate?Hey, I've tried the examples posted here + lots of other examples I've googled. And the common problem is, that the examples doesn't work 100%.
Eric's example does hide the Myspace player, but doesn't remove the empty hole where the Myspace player sits. And it only hide the player, as I still sees the player as a black backgound with error text on it, when a Myspace player error appears. This is not really usable :-(
Then I tried Seymour's examples, which nearly worked but not 100%. Here the Myspace player is removed correctly, and the empty space where the myspace player normally sits is closed. The problem is, that the SoundCloud player somehow is hidden, and not player back. I'm not sure it its even loaded or not? But Seymour's example is the best, and if only the SC player was visible and player, it would work 100%. I'm using Firefox 3.x, but I guess it would also work in IE 6,7.
Do any of you have any clues to what goes wrong with Seymour's examples, why the SC player ain't visible?
All the best,
Steen -
Hi Steen,
Good to get some feedback on people trying this.
Soundcloud seem to be having bandwidth problems (since start of 2009), we have found sometimes the player doesnt load. There is another thread related to this, with Soundcloud saying these are temporary problems that they are looking at fixing.
Is the problem that you can never see the SC player, even after repeated refreshes? Check on our page as well (link above) to see if our player is working at the same time. Can you post a link to your site as well, I'll try and take a quick look this evening and see if I can see any problems.
Further to this, I found the gig listing section was hidden when you hide the myspace player gap, spent a day trying to work around this. The only fix for this that I could find was to shift everything on the page up, which was far too much work. Instead I left the gap and stuck a picture in its place instead. This is by far a better solution than hiding the gap I think, I will post this code later (or again, check our site out).
Cheers,
Seymour
http://www.myspace.com/theacolytesband -
Inappropriate?Thanks Seymour for helping out :-)
You can see how it looks on my profile:
http://www.myspace.com/sllmusicproduc...
Yes, I've refreshed on each try I made to get this working. But it doesn't help.
I only need to see the player, then its perfect 100% working :-)
Here is how the code looks:
(the only thing I've changed, is the width and hight!)
------------------------------------------------------------------------------------
<style type="text/css">
table table td.text div { display: none; }
object { display: none; }
table table td.text div.scPlayer { display: block; height: 300px; width: 570px; }
table table td.text div.scPlayer object { display: block; height: 300px; width: 570px; }
</style>
< div class="scPlayer" >
{** player **}
< /div >
--------------------------
SLL -
Hi Steen,
Havent time to test this until this evening but for the div.scPlayer try removing all the previous text on the line, ie instead of this:
table table td.text div.scPlayer { display: block; height: 300px; width: 570px; }
table table td.text div.scPlayer object { display: block; height: 300px; width: 570px; }
try this:
div.scPlayer { display: block; height: 300px; width: 570px; }
div.scPlayer object { display: block; height: 300px; width: 570px; }
Let me know if that gets you any further.
Cheers,
Stephen -
Inappropriate?I found out by searching on google, that IE7 is full of bugs. And the command - display : none, is somehow bugged in IE7. So if you got some code that works fine with Firefox, then it probably could mean problems in Internet Explorer :-(
Thanks for the code, I'll try it out asap.
Steen -
Hi Steen,
Checked out your page, I'm guessing you've changed the code from earlier? I could see the SC player in FF (all displayed correct), but in IE7 the myspace player was still displayed, as well as the SC player.
Regarding IE7, it is a nightmare coding CSS for, IE6 is even worse. I'm still unable to fully fix the page so that the SC player is shown and the myspace player is hidden, as well as the myspace player gap.
I would suggest this as the best alternative, hide the SC player, but not the gap, add the SC player to the myspace 'Musician Details' section, then use CSS to move it over the myspace player gap (and resize if necessary). On our band website I've done this with a photo (the 2 photos on the page should be beside each other but I used CSS to move it into the myspace player gap:
http://www.myspace.com/theacolytesband
To achieve this try:
<style type="text/css">
object { display: none; }
div.scPlayer
{
display: block; height: 228px; width: 426px;
position: absolute; top: 230px;
}
div.scPlayer object { display: block; height: 228px; width: 426px; }
</style>
As before, this hides all objects (youtube vids etc) on the page, then shows the SC player, and after that moves the SC player to a set location on the page. You might need to change some of the values, height etc to make it look perfect, but other than that it should work ok (note this is untested - although I've got the same thing working with my main pic).
Lastly, remember to surround your SC player with a div element as in the previous post.
This code also has the added bonus that it doesnt hide the gig list like the other code did.
Cheers,
Seymour -
Inappropriate?Thanks Seymour for the code, nice of you. Well your code works a little different, as said. But I like that the player is moved to the top of the page, before the blog info stuff, this is great. And I also discovered, that your code works in both FF and IE, great :-)
But I have a little problem, since I before has widen the table so it would be just as wide as my player, which is 570px wide. Now my own width code doesn't work anymore.. see the code here:
<style>table table table embed, table table table object {width:570px; height:300px;}
</style>
The number are also the hight and width of my SC player. If you look at my profile now, you'll see the problem, as the underlying table is smaller than the player. But I'm not sure of how to fix the width for the stuff below the SC player?
But great with your example, as it works in both browsers. I was thinking on making some kind of browser check, if possible. But I'm not sure if you can do this without Java script? Then you could run a certain code if FF was found, and other code for IE.
SLL -
Hi Steen,
I test the code usually on FF, IE6 and IE7, bit of a nightmare CSS on both IE versions though.
I'll check your page this evening, at work at the moment so cant really browse myspace. :-)
It shouldnt be too difficult to widen the table to your set width, although an easy fix you could try would be to put a transparent png (only needs to be 1px high) image into your 'Musician Details' section (remove space on image tag):
< img src="myImage.png" style="width: 570px" />
The other fix would be to identify the container itself (the table element probably) and expand that one.
Cheers,
Seymour -
Hi Steen,
Checked out your page again. Its not possible as far as I know to expand the tables width with the way myspace have their page layout. What happened on your website was the SC player pushed out the table width, so the CSS code setting the table width was ignored, but you still saw the correct width due to the SC player. Now that you have taken the SC player out of the normal flow of the page (by setting the 'position: absolute') the table reverts to its normal width. I'd suggest as above, create a 1 pixel high image which is 570px wide, then add it to your page with the img tag. I'd use black as your background boxes are black.
Let me know if this works ok.
Cheers,
Seymour -
Inappropriate?I found this code to be working nearly 100% for hiding the Myspace player on FF3 and IE7. I haven't tested it on other browsers.
The only problem I have is, that I can't control the "Width" tag on IE7. It works on FF, but as usual not on IE7 :-(
Code:
<style>table table table embed, table table table object {width:570px!important;height:300px!important;position:relative;top:0px;left:0px;}
td td embed, td td object {width:1px;height:1px;position:absolute;top:1px;left:1px;}
.interestsanddetails, .userprofiledetail, .userprofileschool, .userprofilenetworking, .userprofilecompany {position:relative;top:-90px;}</style>
All the best,
SLL -
Inappropriate?I'm very sorry tp have to ask some more about that.
I'm trying to actually get the soundcloud player to show in the sounds like section. Using Seymour's script works absolutey fine under Safari4, but simply shows nothing at all in FF3 or Opera.
Could someone shed some light on how to achieve that trick please ?
You can check my page here: http://www.myspace.com/opuswerk
I’m perplex
-
actually just reverted the myspace to the previous layout, as we just released our first ep and are getting quite some traffic. so can't afford not to have players... -
Inappropriate?Hey Opuswerk, I sorry.. but I can't help you on your problem, as I practically don't have any knowledge experience about myspace style/html programmer. I was lucky to find some code that worked for me on both FF3 and IE7. I have a "hiding" problem of the original myspace player for some time. But its seems
to be working now with the code I posted above. You should google ans see if you can find a solution on your problem :-)
All the best,
SLL -
Inappropriate?I used the hide myspace code way above here, moved all my custom div stuff to the influences section, found a code to hide the blog thing and got the soundcloud player in there, if its still working i think its the completely official soundcloud on myspace deal...... check it out http://www.myspace.com/aleistamusic
Loading Profile...




EMPLOYEE

