HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Please upgrade here. These earlier versions are no longer being updated and have security issues.

Embedding HTML5 soundcloud player

I'm able to embed non-HTML5 soundcloud players () just fine, but

<

iframe> html5 doesn't seem to work. Any help?

Example:

Tagged:

Best Answer

  • x00x00 MVP
    edited April 2012 Accepted Answer

    it is less to do with html5 an more to do with not allowing iframes directly.

    This sort of thing is best done with shortcode, and a plugin.

    grep is your friend.

Answers

  • <iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F42831348%3Fsecret_token%3Ds-eMfap&show_artwork=true&secret_url=true"></iframe>

  • x00x00 MVP
    edited April 2012 Accepted Answer

    it is less to do with html5 an more to do with not allowing iframes directly.

    This sort of thing is best done with shortcode, and a plugin.

    grep is your friend.

  • any help as to how to accomplish that? I'm really new to this. I use this forum to communicate with my band regularly, posting new song ideas, etc. I'd love to be able to embed soundcloud html5 players as they have more functionality than the typical widget.

  • Additionally, i should note that this message board is only used by 4 people including myself, so allowing iframes imposes no security risk. i just don't know how to go about allowing them.

  • 422422 Developer MVP
    edited April 2012
  • Souncloud offers much more for my purposes. I can embed a sound file any which way. That's fine. But with Soundcloud we can make timed comments, directly on the waveform. Jplayer will not suffice.

  • 422422 Developer MVP

    In that case use fancybox, and fire the iframe in modal window. Perhaps

  • Check this out the AllowRawFormat
    https://github.com/vanillaforums/Addons/tree/master/plugins

    you need to give yourself the Plugins.AllowRawFormat.Allow permission

    personally this is bad way, as htmlLawed cleans up the html, malformed html can break your theme and it is also quite a lot to paste.

    I would use short code, which is parsed by javascript on the client side to add the iframe, something like

    <a rel="soundcloud" href="http://trackurl">My Track</a>

    to do this read up on jquery, you can create a plugin or add to you themes custom.js

    grep is your friend.

  • x00x00 MVP
    edited April 2012

    dynamic loading is the best way.

    grep is your friend.

  • does anyone have intention of developing a plugin for this? or is there one already?

    @x00

Sign In or Register to comment.