Embedding an Official.fm player

  • Author
  • #552060

    I am trying to embed an audio player from my official.fm page. When I copy and paste the embed code I am given by official.fm, it pastes the code along with URL address of my track, but not the player. So people can click on the link and listen, but there is no player on my post. Please help me with this problem if anyone has any knowledge of this.
    Thank you.

    The blog I need help with is jahworksradio.wordpress.com.



    These are the options for having music on your blog > http://en.support.wordpress.com/audio/

    Alternative music players
    For a playlist and/or an alternative to the standard WP audio player, you can sign up with MixPod or MyFlashFetish and select one of the 24 players (“skins”) available.

    Also note this entry please > http://en.support.wordpress.com/code/


    This is the instructions directly from WordPress and Official.fm that clearly say you can embed an Official.fm player on a wordpress blog. But, for me so far, no luck. Any thoughts?

    Hot Off The Press: A WordPress Announcement
    September 14th, 2010 | api, how-to
    With a little whitelisting by the kind folks at Automattic, Official.fm users can now embed tracks and playlists into any WordPress.com (WordPress-hosted) blog post!

    You will notice a newly added “WordPress” destination to the track/playlist embed page. Simply copy/paste this code into your blog post with your player size of choice and your set.

    If you have a WordPress.org (self-hosted) blog, either use the “Anywhere” code (see the iframe note below) or use the “WordPress” code by whitelisting the official.fm domain by using the oEmbed API.

    Full oEmbed instructions via our Developers page:

    WordPress has supported oEmbed since Version 2.9. It has really simplified video and audio embeds in your blog post.

    To add official.fm as a whitelist oEmbed provider to your blog, just add this line at the top of “functions.php” (in your theme folder) after <?php :

    wp_oembed_add_provider(‘http://official.fm/*’, ‘http://official.fm/services/oembed/’);

    Once done, simply enter the plain text URL of an official.fm track or playlist somewhere within your blog post and it will automatically turn into an official.fm embedded player. Magic!


    By default, small player with a 100% width will be displayed but you can also adjust player width by wrapping your URL in the an [embed] shortcode:

    [embed width="200px"]http://official.fm/tracks/13[/embed]


    [embed width="50%"]http://official.fm/tracks/13[/embed]

    NOTE: When using the “Anywhere” iframe embed code in the HTML view, the code will disappear when switching to the Visual view. This is a known issue and WordPress recommends strictly using the HTML editor when adding your own code. Also, your player will not be visible while editing your post, so we recommend previewing your post to make sure that it is embedding correctly.

    Make sense? This is a little nerdy, so we welcome any questions/feedback in the comments section.

    Blogging with Official.fm tools already? Show us how your implementing by linking to your WordPress blog in the comments section.


    I’ve tagged this thread for staff attention, but I’ve never seen any announcement or any hint that official.fm will work here without using the gigya shortcode trick. I don’t have an account there and don’t plan on getting one or I would play with it and see if I could get it to work. I’ve really got too many sites, usernames and passwords to remember already.



    This looks like where the copy and paste announcement came from:


    No a WordPress anything announcement – WordPress.COM is mentioned in the instructions but the instructions reference iframe and PHP code changes – none of which will work on WordPress.COM – so unless I missed something it does not look like it will work here.



    Well, they seem to be sure that it’ll work here, but to be honest I haven’t heard anyone mention it until now.

    I’ll ask around and try to find out what’s going on with this, but we probably won’t be able to look in to it until Monday.

    Thanks for your patience!


    Here’s a link to their instructions on how to embed a player specifically for WordPress:
    I haven’t seen it used on a WordPress blog, but here’s an example of someone using an official.fm player on blogspot: http://elephantsoundsystem.blogspot.com/2010/07/elephant-sounds-zion-highness-radioshow.html.
    Maybe this will help us a little in figuring this out.
    Much thanks.



    At the moment, it appears as though Official.fm embeds are not supported on WordPress.com, but we’ll look into it this week.



    It looks like their oEmbed provider is returning an internal server error.

    Unfortunately, there’s nothing that we can do about it. :(



    It turns out that Official.fm have updated there url structure so the autoembedding wasn’t working correctly for the new style urls.

    It is now working fine again.



    Myspace code in HTML editor works good… in wordpress ! ;)



    Fascinating. And inaccurate.

The topic ‘Embedding an Official.fm player’ is closed to new replies.