Embedding Spreaker podcast

Prismic for Content Creators
1

Hi all, we're migrating a client from NetlifyCMS and one of the features we need to carry over is embedding Spreaker podcasts. We're having issues achieving this and would appreciate some advice/support. Steps to reproduce are:

  1. 'insert new embed'
  2. add the following code https://widget.spreaker.com/player?show_id=4308703&theme=light&autoplay=false&playlist=show&cover_image_url=https%3A%2F%2Fd1bm3dmew779uf.cloudfront.net%2Fcover%2F91e6dbb7b85cf2d52cca69a35c589aa9.jpg
  3. select 'insert' button
2

Hey Team,

I tried adding your link to our oembed field and had no issues. Though it seems in my website application the embed isn't published. What technology are you building your application in?

It might be worth looking at our custom embed article. (Remember to escape the html in your app)

Can you send me a screenshot of the error you're seeing?

Thanks.

4

The issue is occurring in the Prismic writing room itself, not the application. Once the url is added to the Embed popup, there's no error on submit just a hanging notification.

Screenshot 2021-01-07 at 12.43.23
Screenshot 2021-01-07 at 12.43.23746×434 39.8 KB

In the console we are seeing this: Screenshot 2021-01-07 at 12.46.14

5

OK, it's the embed button in the rich text field, I understand better now thank you. I was able to see the same behaviour on my side.

Can you tell me the URL of the repo you experiencing this on so I can pass this issue to the devs?

In the meantime the workaround would be to build your page with Slices and have an embed Slice with the dedicated embed field.

6

I'll send this by DM

1 Like
8

@Phil have you got any update on this? This is proving to be a blocker on our project at the moment.

9

No movement on this side unfortunately.

10

Hey @thejuniperstudio ,

Checking this out again and I was thinking that this was strange because like I had said before, in the dedicated embed field this wasn't output correctly in my test project.

The issue here is that the link you are using isn't valid oembed spec, which is required for both the rich text editor embed field and the dedicated embed field.

You can verify this with this omebed checker:
https://iframely.com/embed/https%3A%2F%2Fwidget.spreaker.com%2Fplayer%3Fshow_id%3D4308703%26theme%3Dlight%26autoplay%3Dfalse%26playlist%3Dshow%26cover_image_url%3Dhttps%3A%2F%2Fd1bm3dmew779uf.cloudfront.net%2Fcover%2F91e6dbb7b85cf2d52cca69a35c589aa9.jpg

So the only solution here is to follow the Custom embed or HTML code article that I suggested previously.

Thanks

11

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.