Embeded Player

Devineandy's picture
Embeded Player

Hi,


is there somewere I can go to to find out how to embed the flash player on facebook/myspace to stream mixes from there?


Cheers.


A.

Submitted by Devineandy on Sun, 22/06/2008 - 21:31.
admin's picture
Re: Embeded Player

Hi Andy,


To embed the player on myspace, just click the "HTML" tab under "embed codes" for the mix you want to embed. There you'll see some HTML code that you can copy and paste into your myspace profile to make the player appear.


Facebook is a little more tricky. I think you have to use an application such as "My Box" to use HTML in your profile. Also, you can't use standard HTML, you must use Facebook's customised code. It will look something like this:

<fb:fbml version="1.1"><div>[FLASH MEDIA <fb:swf swfsrc="http://postbocks.com/1pixelout.swf" height="24" width="290" flashvars="soundFile=http://postbocks.com/audio/play/390" imgsrc="http://postbocks.com/fb_click.jpg"></fb:swf>GOES HERE]</div></fb:fbml>


You'll have to customise the part that says "soundFile=http://postbocks.com/audio/play/390" to link to the mix you want to stream. You can get the play link from the HTML embed codes mentioned above.


Hope that helps


Admin

Submitted by admin on Mon, 23/06/2008 - 06:49.
Devineandy's picture
Re: Embeded Player

Thanks for this... facebook looks like a bit of a faf but it'll keep me out of trouble sorting it out.

 

Andy.

Submitted by Devineandy on Mon, 23/06/2008 - 13:22.
Devineandy's picture
Re: Embeded Player

Hi,

 

sorry to be a pest but tried pasting the code into the myspace editor and it brought up the player fine but said error opening file I though I'd try substituting the soundfile bit of the code for the link to the mix as below but got the same problem. Any Idea were I'm going wrong?

 

<object type="application/x-shockwave-flash" data="http://postbocks.com/1pixelout.swf" width="290" height="24" > <param name="movie" value="http://postbocks.com/1pixelout.swf" /> <param name="wmode" value="transparent" /> <param name="menu" value="false" /> <param name="quality" value="high" /> <param name="FlashVars" value="soundFile=http://postbocks.com/audio/download/390/Deep+House+Diversions.mp3">Andy Devine - Deep Diversions</a>src="http://postbocks.com/1pixelout.swf" flashvars="soundFile=http://postbocks.com/audio/play/390" width="290" height="24" /> </object>

Cheers,

 

A.

Submitted by Devineandy on Mon, 23/06/2008 - 13:45.
admin's picture
Re: Embeded Player

the code you've posted there is a bit mashed!


try this (taken from your mix page - under the "embed media player" code):


<object type="application/x-shockwave-flash" data="http://postbocks.com/1pixelout.swf" width="290" height="24" > <param name="movie" value="http://postbocks.com/1pixelout.swf" /> <param name="wmode" value="transparent" /> <param name="menu" value="false" /> <param name="quality" value="high" /> <param name="FlashVars" value="soundFile=http://postbocks.com/audio/play/390" /> <embed src="http://postbocks.com/1pixelout.swf" flashvars="soundFile=http://postbocks.com/audio/play/390" width="290" height="24" /> </object>


Submitted by admin on Mon, 23/06/2008 - 13:58.
Devineandy's picture
Re: Embeded Player

Cheers,


tried that and still getting error message but will wait 24 hours as myspace says things posted might take that long to be searchable. Not sure if thats the problem.


Thanks,


Andy

Submitted by Devineandy on Tue, 24/06/2008 - 12:51.
Devineandy's picture
Re: Embeded Player

Working fine now,


thanks for your help.

Submitted by Devineandy on Tue, 24/06/2008 - 17:20.
sampledj's picture
Re: Embeded Player

hi you all, tnx for this site, i love it! it's just that the html embed media player code is not working on myspace site. i've tried the original one and the one above(changed only my mixset number) and i get this message: " Sorry! an unexpected error has occurred. This error has been forwarded to MySpace's technical group." thanks for any hints on how to fix that. ;)

Submitted by sampledj on Sun, 27/07/2008 - 11:37.
admin's picture
Re: Embeded Player

sounds like that's a problem with myspace rather than your code. I've just tested it on my own myspace profile and it works.


If it still doesn't work for you, try waiting a while then try again.

Submitted by admin on Sun, 27/07/2008 - 12:32.
db's picture
Re: Embeded Player

random question - is there any way of altering the html code to make the white bar to the right of the play button black? i don't know how to edit html code... if it helps the background to the profile is black (could be made translucent or something?


cheers!

Submitted by Dave on Tue, 05/08/2008 - 12:30.
admin's picture
Re: Embeded Player

Yes that's possible. all the elements of the flash player can be altered by changing the variables in the embed code. To get rid of the white background remove this bit from the embed code:

&bg=31363e

this sets the background colour, if you remove it, the background will become transparent (or you can change it to whatever colour you like). You'll have to remove it twice though as the variables have to be set twice to make the player embed properly in all browsers. Just have a look through the code and you'll see it, or paste into notepad and search/replace.

Submitted by admin on Tue, 05/08/2008 - 12:56.
db's picture
Re: Embeded Player

maybe I'm being stupid, but i can only see that bit of code in there once... there's 2 other bits like it (rightbg & leftbg) but deleting them just makes the buttons more see through.


edit - sorry for some reason myspace cuts off some of the code, hence why i couldn't see it. however, i've deleted the code twice and it doesn't look like it's worked...

Submitted by Dave on Tue, 05/08/2008 - 13:10.
admin's picture
Re: Embeded Player

You'll have to check you're not taking out too much. if you delete an "&" or "=" from the wrong place (or delete something but leave a "&" or "=" there) it won't work.


the variables should all be paired and followed by an "&" (except the last one) like this:  var=value&var2=value2


also check you haven't accidentally deleted any of the quotation marks. HTML is a fussy animal.



Submitted by admin on Tue, 05/08/2008 - 13:26.
db's picture
Re: Embeded Player

thanks for the help matey - i still can't get it to work though. i think the best approach is going to be to change the colour to black... :)

Submitted by Dave on Tue, 05/08/2008 - 13:34.
db's picture
Re: Embeded Player

grrrr this is really frustrating, even that isn't working Frown

Submitted by Dave on Tue, 05/08/2008 - 13:40.
admin's picture
Re: Embeded Player

Not sure what's happening - I've just tested it on my own myspace page and it works fine. There is another variable that sets the transparent background. You could try changing that from "yes" to "no". The variable is called:

transparentbg


Submitted by admin on Tue, 05/08/2008 - 13:53.
Grim on Mbient's picture
Re: Embeded Player

Seems like the code had changed... I tried a lot of stuff to make the player look transparant but nothing is working. I can manage all colours but I can't get rid of the white background.


It's about this code:
http://postbocks.com/uploads/various-artists-one-twoism
on this page
http://www.myspace.com/twoismrecords

Submitted by Grim on Mbient on Tue, 12/08/2008 - 08:34.
admin's picture
Re: Embeded Player

Ok, try adding this variable at the end of the flashvars

&pagebg=899db4

(I think that's the right colour for your myspace, if not just stick the appropriate colour code in instead).

Submitted by admin on Tue, 12/08/2008 - 15:06.
Grim on Mbient's picture
Re: Embeded Player

Doesn't work either... perhaps it clashes with some of the other codes on my lay-out. Any more tricks?

Submitted by Grim on Mbient on Tue, 12/08/2008 - 20:16.
admin's picture
Re: Embeded Player

No, there aren't any conflicts. The problem seems to be that myspace is removing some of the code which is causing it to fail.

Looking at the source, all the "embed" tags are stripped (which is fair enough really as they aren't XHTML valid!).

The part that disappears which causes the background to misbehave is this:

param name="wmode" value="transparent"



So if you replace the code in your profile with this, it will work:

Hope that helps :)

Submitted by admin on Wed, 13/08/2008 - 08:36.
admin's picture
Re: Embeded Player

Let us know if that does it and I'll update the HTML embed code accordingly :)

Submitted by admin on Wed, 13/08/2008 - 08:52.
Grim on Mbient's picture
Re: Embeded Player

Doesn't work at all, the player becomes totally white. There isn't any button on it.. just a white line in the size of the player.

Submitted by Grim on Mbient on Wed, 13/08/2008 - 19:09.
admin's picture
Re: Embeded Player

oops, yeah I there's a rogue "p" element in there. Copying and pasting it won't work.

also, some of the tags need to be closed (even though some of them work if left open, the important one will disappear if not closed properly.

Submitted by admin on Wed, 13/08/2008 - 19:46.
Grim on Mbient's picture
Re: Embeded Player

Thanks man! this one is working :)
Check it out http://www.myspace.com/twoismrecords

Submitted by Grim on Mbient on Wed, 13/08/2008 - 21:03.
sampledj's picture
Re: Embeded Player

tnx! it works great now!:]

Submitted by sampledj on Wed, 17/12/2008 - 18:06.