jas
November 15, 2021, 5:28pm
1
I’ve recently started a Write.As blog for my podcast .
I’d quite like to embed the Apple Podcasts player on my archive page, like Corbett Barr does on his podcast page . Ideally the same Apple Podcasts player that Corbett uses.
Is there a clean & simple way for me to do this?
Thanks,
Jas
1 Like
matt
November 17, 2021, 9:29pm
2
Looking at his page, it seems it’s just an <iframe>
that he’s using, so yes you can embed it in a post!
Some Googling got me to this page: Apple Podcasts embed player - Apple Podcasts for Creators , which should take you to where you need to go to generate the embed code.
2 Likes
jas
November 18, 2021, 5:01pm
3
Thanks @matt ! So this worked, but the embed appears condensed with a scroll-bar. Here’s the page .
Do you know how I fix that?
matt
November 18, 2021, 5:08pm
4
Yeah, it looks like the height
attribute on the <iframe>
is getting stripped out. So to work around that, you can insert this text into the style
attribute:
height: 450px;
That is, you’ll replace all of this text:
style="width: 100%; max-width: 660px; overflow: hidden; border-radius: 10px; background: transparent none repeat scroll 0% 0%;"
with this:
style="width: 100%; max-width: 660px; overflow: hidden; border-radius: 10px; background: transparent none repeat scroll 0% 0%; height: 450px;"
1 Like
jas
November 18, 2021, 7:06pm
5
That worked! Thanks very much.
jas
December 6, 2021, 3:56pm
6
Hey Matt,
Something similar seems to be happening with the Spotify embed code.
Do you know what I need to do the attached code to make it “right”?
matt
December 6, 2021, 7:27pm
7
Sure thing, you can add this bit of text:
style="width: 100%; height: 232px"
Include a space before style
and insert all of it just before:
></iframe>
jas
December 7, 2021, 10:21am
8
Hmm, I tried that and it looks the same as before (you can see it at: indiewriter.net/podcast ).
To be honest, this doesn’t look too bad, but apparently it’s supposed to look like the below.
matt
December 7, 2021, 4:17pm
9
Ah, it looks like you have a colon (:
) after 100%
instead of a semicolon (;
) – could you try replacing that and see if that does it?
1 Like
Just a reminder: you don’t actually need to use iFrames to embed from Spotify or the other providers included in Rich Media Embed support . You just need to add the raw share URL. See my latest post for two particular examples (sorry, I know it’s long, but it’s worth it because both episodes each have individualized album art.)
2 Likes
matt
December 8, 2021, 3:49pm
12
Very true – thanks for pointing that out, @DavidBlue !
2 Likes
jas
December 8, 2021, 4:05pm
13
thank you @DavidBlue , this is really handy to know!
1 Like