Problems with web player appearance

Podlove Web Player
1

Hey guys,

I installed the Podlove Publisher as a Wordpress plugin to start publishing podcasts on my site. However, only the fallback of the v3 web player is appearing on my page. I already tried a different theme, with the same result. That’s the dialog I get when I go on the support page of the publisher:

And that’s how it looks on the preview site:

I even tried to use the shortcode instead of a template, but I still get only the fallback view. I used different browsers as well, still getting only the fallback view.
Does anyone have a suggestion what else to try?

Cheers,
Ole

2

Does the standard V2 player work? V3 is still a beta version and is currently unsupported.

3

The standard v2 player looks like this:

Not sure what’s going on there.

4

I also tried changing the blog theme to the standard twentysixteen theme, which did not change anything.
The episode post can be seen here: http://bananabond.com/podcast/bb001-gadolinium/

What can be reasons for either the v3 player to use the fallback theme or for the v2 player to look that crippled? I’d appreciate any tips for troubleshooting.

5

I see this error in the console:

Uncaught DOMException: Blocked a frame with origin “http://bananabond.com” from accessing a cross-origin frame.

But I’m not sure why. All requests go to the same domain as far as I can see :thinking:

6

Thanks for the reply. My skills are quite limited when it comes to programming. Thanks to your reply I just opened the console and loaded the site. I actually get two errors, both different from the one you obtained.
The first one is:

Uncaught TypeError: jQuery(…).podlovewebplayer is not a function

It references to these lines in the source code:

<script>jQuery("audio").podlovewebplayer();</script><script type='text/javascript' src='http://stats.wp.com/e-201642.js' async defer></script>

Although I guess that this is the problem I also get an error regarding http/https incompatibility:

Uncaught SecurityError: Blocked a frame with origin “http://bananabond.com” from accessing a frame with origin “https://cdn.podlove.org”. The frame requesting access has a protocol of “http”, the frame being accessed has a protocol of “https”. Protocols must match.
o @ podlove-web-moderator.min.js?ver=2.3.18:1
s @ podlove-web-moderator.min.js?ver=2.3.18:1
dispatch @ jquery.js?ver=1.12.4:3
r.handle @ jquery.js?ver=1.12.4:3