Spotify Embed Not Displaying Properly

Helpdesk Integrations and Third Party Tools
1

I’m using a Spotify widget to embed a podcast on a page. The embed code works properly in my testing environment and in a plain HTML file, but when I put the code into Sitejet’s HTML element, it hides some of the controls.

Preview site: http://39532d-caece.preview.sitejet.io/
(Top “cover” of the page, embed is prominent and above the fold.)

The time controls (Back 15s, Forward 15s, and the timebar itself are missing, but only in Sitejet.

Local Server (shows time controls properly)

image
image1857×162 29 KB

Sitejet HTML (does not show time controls)

image
image955×160 36.3 KB

A note here just to confirm that I am checking on the saved preview URL, and not just in the CMS editor. A second note to acknowledge that the local server image is only wider because I am testing the iframe code, so it’s not in any type of DIV container, but it does continue to work when placed inside of DIVs (tested, but no screenshot provided here).

2

Hi!
Did you tested this on the published site (that is served from a https)?
Probably this happens because of the mixed content from http and https (on the preview url/env).

Hope this helps!

3 Likes
3

Thank you @Lucian_Dinu. I was able to test on a published site, and the mixed http/https content was exactly the reason that some of the controls weren’t showing.

It’s a bit beyond my understanding, but all is well once published.