Text overlays the player

Hi there,

Thanks for using the podcast player on your website.

I checked the webpage. There is some other plugin interfering with the podcast player. It is adding mediaelement script to the page and adding a new audio player inside podcast player and thereby breaking the style. (The player buttons you see below the title is not part of the podcast player. It is created by some other plugin).

Can you please check which plugin is causing this? One simple hit and trial method is to temporarily disable a plugin and check the page, if it resolve the issue, this is the plugin causing the issue. If not, we can enable the plugin again and disable the next plugin. This could also be some special feature of your theme as well.

You can start with some media related plugin. Inform if you need more help or explanation on this.

Thanks,

• This reply was modified 4 months ago by Veda.

Hi there,

Were you able to spot the plugin causing the issue? Is there any help you need to resolve the issue?

Thanks,

Hi there,

I checked the above mentioned page and I can see that the issue has not yet resolved. Do you need any help?

Thanks,

Thanks so much for coming back to me. I’ve have now taken off all of the plugins and the issue persists. So i think this is a Theme issue, when I change to a default theme the issue goes away. Would there be any workaround that you know of?

Weirdly I have noticed that the Podcast embed on this page doesn’t seem to have the issue? Do we know why? Thanks again for your help

https://wordpress-962714-4152318.cloudwaysapps.com/2024/04/11/s7-ep9-series-wrap-up/

Hi there,

Thanks for testing. Although, we can use some CSS hack to hide the audio issue. However, it is best to first ask the theme developer on how to disable this feature.

You can ask “the theme is converting normal audio element to a custom player using mediaelement.js. I want to disable this feature. How can I do this?”

If the theme developer has some easy fix, that would be best.

Inform me for more help or explanation on this.

Thanks,

Ok thanks. Any idea why the player is fine on one page and not on the other? Could you let me known what the CSS might be also? I think that could be really helpful!

Hi there,

As for CSS, you can use the following CSS to hide the background player,

.pp-podcast .mejs-container {
  display: none !important;
}

As for “Why is it appearing on certain pages?”. It can only be answered by the theme author. I don’t know where they have added the script.

Thanks,

Great thank you. You have been so helpful. Really brilliant support!

Thanks for your kind words.

Presently I am closing this issue. However, feel free to comment on this ticket or create a new ticket if you need any help with the player.

If you like using the plugin, kindly support us by giving a 5 star review on WordPress.

Thanks,