Technical problem embedding audio player

  • Unknown's avatar
    byronfriday · Member ·

    Re: http://www.bmxteacher.wordpress.com.

    Hello there. I host my podcast audio files with Libsyn.com.

    I add a new post, paste the HTMP 5 audio player code in the post using the HTML tab.

    I then use the Visual tab.

    I then update the post and hit preview – the audio player appears as it should in view mode. See the attached screen shot. https://goo.gl/photos/9WVKSQM5XhfmFkf68

    Ok, so the post looks good, the audio player shows up as i want it to, I hit publish and th
    I then check ‘View Post’ the audio player html code appears in the post instead of the audio player.

    Note: I check the post on mobile and the audio player is not rendering.

    ???? How can I work around this issue.

    Thank you,
    Byron Friday

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

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    byronfriday · Member ·

    Any suggestions?

  • kokkieh · Staff ·

    Hi there,

    In your post, Libsyn Audio Player Test, the following appears:

    <a href="//html5-player.libsyn.com/embed/episode/id/4816672/height/90/width/700/theme/custom/autonext/no/thumbnail/yes/autoplay/no/preload/no/no_addthis/no/direction/forward/render-playlist/no/custom-color/87A93A/">//html5-player.libsyn.com/embed/episode/id/4816672/height/90/width/700/theme/custom/autonext/no/thumbnail/yes/autoplay/no/preload/no/no_addthis/no/direction/forward/render-playlist/no/custom-color/87A93A/</a>

    That is not a link appearing in that code. Links start with http:// or https://, but your “links” merely start with “//”, so it won’t work. Additionally, we don’t support embedding of the Libsyn player, so their embed code won’t work here, only the plain link.

    In the post Libsyn Test, you used the shortcode and it is entered as follow:

    [audiohttp://traffic.libsyn.com/sobercoach/SoberCoach_11_8_2016_-_Copy.mp3 ]

    There needs to be a space between “audio” and the start of the link.

    In Spreaker Audio Player Tets, there is a query string added to the end of your link, “?dest-id=439237” which prevents it from working. For these audio embeds to work you should paste ONLY the link, and paste it on its own line, as you did with the second link you had added to those posts.

    Not all mobile browsers fully support html5 yet, so it’s not guaranteed that the HTML5 player will work on all mobile devices.

  • The topic ‘Technical problem embedding audio player’ is closed to new replies.