Support » Plugin: AMP » Podcast Embed

  • Resolved learn2love

    (@learn2love)


    To whom it may concern,

    I hope this message finds you well. I was wondering if there was a way to include HTML embeds for podcasts using this plugin.

    The way we were hoping it to look like is at the bottom of this page: https://learnlove.ca/2020/08/what-is-anger-and-what-drives-our-actions/

    We don’t necessarily need a player if this is not possible, but maybe a button would be nice where they can go to our podcasts.

    Thank you very much for your time and help, I greatly appreciate it and wish you the best,

    Dory

    • This topic was modified 5 months, 2 weeks ago by learn2love.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support James Osborne

    (@jamesosborne)

    It looks like you’re using a podcast snippet or page builder feature that’s not AMP compatible. If using Gutenberg you can paste in iFrames or embeds provided by various podcast suppliers. You can also display your Podcasts in the form of RSS feeds using Gutenberg or a third party plugin.

    Alternatively some podcasting WordPress plugins may work in AMP, providing they don’t output any custom JavaScript on the front end of your website.

    Plugin Author Weston Ruter

    (@westonruter)

    It looks like an issue with RedCircle’s embed code, which looks like this:

    <script async defer onload="redcircleIframe();" src="https://api.podcache.net/embedded-player/sh/ebbf211b-c6b6-4eb7-9fbf-8497fd30f504/ep/5b174df6-69ab-46a1-a985-ed6f5f67e690"></script>
    <div class="redcirclePlayer-5b174df6-69ab-46a1-a985-ed6f5f67e690"></div>

    This is getting stripped out because AMP doesn’t allow custom JS in this way.

    However, if you look at the JS code it’s just embedding an iframe on the page. Therefore, you can just use this embed code instead:

    <iframe height="170" scrolling="no" style="border:none;max-width: 100%;width:1px;min-width:100%;" src="https://redcircle.com/embedded-player/sh/ebbf211b-c6b6-4eb7-9fbf-8497fd30f504/ep/bc04726b-a124-43ec-aaf3-366279a61932" loading="lazy"></iframe>

    This is faster since no JS is needed to initialize it, and it’s also AMP-compatible!

    Dear @jamesosborne and @westonruter,

    Thank you very much for your assistance!

    I greatly appreciate your time and help with this. Your input is extremely valuable and appreciated. You have my 5-star review! I am especially grateful that you responded so quickly and helped look at the HTML for me. The solution with the iFrame worked successfully. Thank you for also discussing the possibility to incorporate an RSS feed. I will contact the podcast supplier and ask them to make an iFrames export option by default so that it can be AMP compatible for other users.

    Thank you so much again for your time and help,

    Dory

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.