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