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

Embedding HTML5 soundcloud player

grahamgrochograhamgrocho
edited April 2012 in Vanilla 2.0 - 2.8

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

  • grahamgrochograhamgrocho

    <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 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.

  • grahamgrochograhamgrocho

    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.

  • grahamgrochograhamgrocho

    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 MVP
    edited April 2012

    Why not use jplayer

    There was an error rendering this rich post.

  • grahamgrochograhamgrocho

    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 MVP

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

    There was an error rendering this rich post.

  • x00x00 MVP

    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.

  • KyleIrvingKyleIrving New

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

    @x00

  • thekillingtreethekillingtree New

    http://vanillaforums.org/addon/mediator-plugin

    @kyleirving @grahamgrocho

Sign In or Register to comment.