Need help? Check out our Support site, then


WordPress.com Forums » Support

How to embed a player widget from Mixcloud?

  1. solidstatedeluxe
    Member

    Hi Happiness Engineers! I am so relieved to know you have such fantastic help options. Thank you WordPress family. Ok, my problem: so, I am trying to embed a player widget from my Mixcloud account but it won't work using either the "visual" or "text" options in the "new post" page. Any suggestions? Here's the code Mixcloud makes available for copying and pasting onto other sites:
    <div><object width="480" height="480"><param name="movie" value="//www.mixcloud.com/media/swf/player/mixcloudLoader.swf?feed=http%3A%2F%2Fwww.mixcloud.com%2Fsolidstatedeluxe%2Ftime-enough-at-last%2F&embed_uuid=12ef1cce-fd9e-4633-a481-7b4ea5b11238&stylecolor=&embed_type=widget_standard"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="opaque"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.mixcloud.com/media/swf/player/mixcloudLoader.swf?feed=http%3A%2F%2Fwww.mixcloud.com%2Fsolidstatedeluxe%2Ftime-enough-at-last%2F&embed_uuid=12ef1cce-fd9e-4633-a481-7b4ea5b11238&stylecolor=&embed_type=widget_standard" type="application/x-shockwave-flash" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="480" height="480"></embed></object><div style="clear:both; height:3px;"></div><p style="display:block; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin:0; padding: 3px 4px; color:#02a0c7;">Time Enough At Last<span> by </span>Solidstatedeluxe<span> on </span> Mixcloud</p><div style="clear:both; height:3px;"></div></div>

    Thanks for your help!
    Iokepa
    [email redacted]
    [email redacted]
    Blog url: http://solidstatedeluxe.wordpress.com/

  2. notawoodpecker
    Member

    type="application/x-shockwave-flash" wmode="opaque"

    Not gonna happen. Major security risk.

  3. justpi
    Member

    Please ignore the above bullshit reply, and paste this in the Text editor:
    [gigya src="http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf" flashvars="feed=http%3A%2F%2Fwww.mixcloud.com%2Fsolidstatedeluxe%2Ftime-enough-at-last%2F&embed_uuid=12ef1cce-fd9e-4633-a481-7b4ea5b11238&stylecolor=&embed_type=widget_standard" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="480" height="480" ]

  4. solidstatedeluxe
    Member

    Hey justpi, thanks so much. It works great. This was so generous of you.

    If I want to post again in the future, would I have to use a similar code? Why doesn't the Mixcloud widget work?

  5. justpi
    Member

    You're welcome.
    WP doesn't allow us to use embed codes directly. If you want to post something similar in the future, you need to convert it the way I showed above.

  6. mijaconair
    Member

    Hey guys, I have the same problem, I cannot embed any mixcloud content, nor an individual cloudcast or a playlist and the answer justpi did does not work for me.

    My blog: http://mijaconairofficial.wordpress.com/

    This is the playlist I want to embed: http://www.mixcloud.com/MijacOnAir/playlists/cultivados/

  7. minimaljames
    Member

    Thanks Justpi, works for me.

  8. elektropunkz
    Member

    thx justpi. you're my master!

  9. jrajendra
    Member

    Thank you!

  10. msmlska
    Member

    ugh... finally! thanks!

  11. celinequinn
    Member

    Justpi can you help with this one?

    <div><object width="480" height="480"><param name="movie" value="//www.mixcloud.com/media/swf/player/mixcloudLoader.swf?feed=http%3A%2F%2Fwww.mixcloud.com%2Fcelinequinn%2F%3Flimit%3D10&embed_uuid=c248e782-93d6-409d-9109-d3f9bde07e53&stylecolor=&embed_type=widget_standard"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="opaque"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.mixcloud.com/media/swf/player/mixcloudLoader.swf?feed=http%3A%2F%2Fwww.mixcloud.com%2Fcelinequinn%2F%3Flimit%3D10&embed_uuid=c248e782-93d6-409d-9109-d3f9bde07e53&stylecolor=&embed_type=widget_standard" type="application/x-shockwave-flash" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="480" height="480"></embed></object><div style="clear:both; height:3px;"></div><p style="display:block; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin:0; padding: 3px 4px; color:#02a0c7; width:472px;">Celine Quinn's Cloudcasts<span> on </span> Mixcloud</p><div style="clear:both; height:3px;"></div></div>

    I worked out....

    [gigya src=http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf” flashvars="feed=http%3A%2F%2Fwww.mixcloud.com%2Fcelinequinn%2F%3Flimit%3D10&embed_uuid=c248e782-93d6-409d-9109-d3f9bde07e53&stylecolor=&embed_type=widget_standard" type="application/x-shockwave-flash" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="480" height="480"]

    but it's not working! :-(

    Thanks so much !

  12. jeanjacquessmoothie
    Member

    I think either mixcloud or wordpress have changed something because now when I try to use the Gigya code I get the message "Widget path does no exist cannot load the player".

  13. justpi
    Member

    @celinequinn: It's not working because it's missing the quotation mark before http and it's got the wrong quotation mark after swf.
    Correct shortcode:
    [gigya src="http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf" flashvars="feed=http%3A%2F%2Fwww.mixcloud.com%2Fcelinequinn%2F%3Flimit%3D10&embed_uuid=c248e782-93d6-409d-9109-d3f9bde07e53&stylecolor=&embed_type=widget_standard" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="480" height="480" ]

  14. celinequinn
    Member

    @justpi Thank you so much for your help, I've been battling with that for so long!! It's working now :-) Can I ask you one more favor? I am trying also to embed Issuu.com publications. For example, here is an embed code from Issuu.com...

    <div data-configid="6549743/1072537" style="width: 650px; height: 405px;" class="issuuembed"></div><script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>

    Thank you again so so much! :-)

  15. justpi
    Member

    You're welcome.
    See this post of mine:
    http://wpbtips.wordpress.com/2011/01/18/inserting-issuu-docs/

  16. celinequinn
    Member

    @Justpi Thanks I read your post but I can't seem to match it up.. my embed code from Issuu is much shorter than the one in your example and doesn't have the same style of coding? e.g. the one I'm trying to do...

    <div data-configid="6549743/1072537" style="width: 650px; height: 405px;" class="issuuembed"></div><script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>

    Maybe I'm just an idiot! Thanks a million anyway for your help! :-)

  17. justpi
    Member

    Quoting from my post:

    Click the “Get Embed Code” button on the Issuu page, [Update: then click for "the old embed page"]

  18. celinequinn
    Member

    @Justpi Oh sorry! I got it now thanks again so much!

  19. levdor
    Member

    Hey @justpi, I struggled a little bit with the code but i couldn't get the embedd link to work on my blog. the text I got from mixcloud is:

    <div><object width="480" height="480"><param name="movie" value="//www.mixcloud.com/media/swf/player/mixcloudLoader.swf?feed=http%3A%2F%2Fwww.mixcloud.com%2Fdorlevy925%2Fhot-friday-winter-sweet-mixtape%2F&embed_uuid=020214e8-dfcc-4b84-98ef-79c7aff20e26&stylecolor=&embed_type=widget_standard"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="opaque"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.mixcloud.com/media/swf/player/mixcloudLoader.swf?feed=http%3A%2F%2Fwww.mixcloud.com%2Fdorlevy925%2Fhot-friday-winter-sweet-mixtape%2F&embed_uuid=020214e8-dfcc-4b84-98ef-79c7aff20e26&stylecolor=&embed_type=widget_standard" type="application/x-shockwave-flash" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="480" height="480"></embed></object><div style="clear:both; height:3px;"></div><p style="display:block; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin:0; padding: 3px 4px; color:#02a0c7; width:472px;">Hot Friday Winter Sweet Mixtape<span> by </span>Dor Levy<span> on </span> Mixcloud</p><div style="clear:both; height:3px;"></div></div>

    thanks in advance

  20. justpi
    Member

    Did you study the example I had given above? You just take this part of the code:
    <embed src="URL?ETC ETC ETC ETC"></embed>
    and turn it to this (making sure you also add the missing http: for the URL):
    [gigya src="URL" flashvars="ETC ETC ETC ETC" ]

    So, in your case:
    [gigya src="http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf" flashvars="feed=http%3A%2F%2Fwww.mixcloud.com%2Fdorlevy925%2Fhot-friday-winter-sweet-mixtape%2F&embed_uuid=020214e8-dfcc-4b84-98ef-79c7aff20e26&stylecolor=&embed_type=widget_standard" type="application/x-shockwave-flash" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="480" height="480" ]

  21. levdor
    Member

    thanks a lot!
    Your explanations were clear, it's just that I'm kind of new to that.. so the code I made myself didn't work.

  22. huddlehotmix
    Member

    Spent hours yesterday trying to work this out and this post just taught me in 5 mins. Thank you!

  23. initycj
    Member

    This one? I don't see where you start and end in the code: <div style="clear:both; height:3px; width:472px;"></div><p style="display:block; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin:0; padding: 3px 4px; color:#02a0c7; width:472px;">Junior Delahaye's 'Showcase'<span> by </span>Midnightraverblog<span> on </span> Mixcloud</p><div style="clear:both; height:3px;"></div>

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags