I’m spanking myspace

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.
5 people have
this question
+1
Reply
  • EMPLOYEE
    I’m happy
    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>

  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • 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
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • 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
    • This comment was removed.
      see the change log
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • 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
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • 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
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • 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:


    table table table embed, table table table object {width:570px; height:300px;}



    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
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • 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:

    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;}

    All the best,
    SLL
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • I’m perplex
    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
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • 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
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • 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
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • This reply was removed on 2010-06-24.
    see the change log
  • This reply was removed on 2010-05-06.
    see the change log
  • Hey I'm trying to figure out why i can't fit a slideshow under the soundcloud player. I put in the code, but it just doesn't show up. Do you guys know how to make that work?

    www.myspace.com/djdjpracticepractice
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • This reply was removed on 2010-06-24.
    see the change log
  • This reply was removed on 2010-08-13.
    see the change log
  • This reply was removed.
    see the change log
  • This reply was removed.
    see the change log
  • This reply was removed.
    see the change log
  • This reply was removed.
    see the change log
  • This reply was removed.
    see the change log
  • thanks a lot.
    it worked for me
    check it out
    http://www.myspace.com/somoslosvalientes

    PS: how can i make visible the gigs box?
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • I have tried these all and its not working. i only have a regular myspace not a musicians account. how do i do it for that? soundcloud players not working :(

    when i try put the code in i get asked to fill captcha. thats for all codes givin above.

    http://www.myspace.com/psynopticz
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • I’m happy
    You have to use the "HTML box", and insert your Soundcloud set design there. Remember, that you can re-locate all the myspace boxed in the new design! Decide where you wanna put your Soundcloud player.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated