jamestrueman

Hi @themegrillteam

My apologies. I was (forcefully) ‘told’ by the plugin developer that it was the theme affecting the media player. They were ‘very’ insistent. I was instructed to contact you guys and find the solution.

I have continued to test this. And based on that, it would appear this is more of a browser issue, and not a theme?

The behaviour is happening in Chrome (mac or pc) – but not in Firefox or Safari. Internet Explorer presents a glitch – but it’s more ‘big’ black player to ‘small’ black player.

I am still investigating as it does not happen with this player in all installations?

• This reply was modified 5 years, 5 months ago by jamestrueman. Reason: typo

Hi @themegrillteam

Apologies if you’re confused.

The first set of CSS sent over didn’t seem to do anything (i.e. affect the pre-load or change the format of the 2nd player).

The second set of CSS:

.mejs-container.mejs-audio {
background-color: transparent;
}
.mejs-container .mejs-inner .mejs-controls {
background-color: #aaa;
border-radius: 4px;
}

did alter the transparency of the 2nd player from ‘black’ to ‘dark grey’ square – but the issue is that in Chrome (I’ve discovered) a ‘light grey’ rounded end player is still loading first. The speed of this seems to be device-dependent – but I’m working on a 2016 MacBook Pro where it does it and have also tested on fairly well-specced windows machines. It doesn’t do it in Firefox or Safari – there is a glitch in IE – but not the same.

BW

Thanks @shawnogordo

FWIT, I have (Mike Dell has been kind enough to assist). Unfortunately, it does not appear to be 3rd party theme related (which was Mike’s advice).

There seems to be something browser-related – but to be honest I don’t fully understand why? Particularly as I do not see exactly the same type of behaviour in other installations of MediaElement.js Audio Player as I do on my own site – or the brand new and pure WordPress installation I created solely to test this.

As I’ve already been in contact with Mike – do you still want me to contact Blubrry?

• This reply was modified 5 years, 5 months ago by jamestrueman. Reason: typo

My previous post is currently being held for moderation (forgot to add email notification). I’m sure it’ll turn up.

Anyhoo, in case anyone else stumbles across this with the same issue, this is my conclusion. After some brief testing, it would appear this may be more of a browser issue.

The behaviour is happening in Chrome (mac or pc) – but not in Firefox or Safari. Internet Explorer presents a glitch – but it’s more ‘big’ black player to ‘small’ black player (rather than ‘grey’ player to ‘black’ player).

@joelcantero7 – what browser were you experiencing the problem in?

I am experiencing exactly the same issue on my site. Blubrry support also advised it was the theme doing it.

To test, I created a new subdomain, installed WordPress fresh, checked that the only themes are stock WordPress (Twenty Nineteen, Twenty Seventeen and Twenty Sixteen) – i.e. no other themes added after install, and removed all automatically created plugins so that PowerPress is the only one installed.

It is still rendering the light grey, rounded end player first, then the black, square player loads over the top of that. The PowerPress settings preview has the light grey player in it.

There is something weird going on here. It is not a 3rd party theme doing this, as everything on the test site was stock.

It also doesn’t make sense that if the player ‘used’ to be grey and has now changed – where is that being located to be rendered first?

Fundamentally, what I (we) need is a solution so that we render one player or the other, but loading both looks bad.

1) preferably, keeping the original player formatting by preventing the black WordPress player loading,
2) Or if we have to, properly replacing the grey player / stopping that from loading so that only the WordPress stock player loads.

• This reply was modified 5 years, 5 months ago by jamestrueman. Reason: added email notification

Hi Ashish

I’ve replaced the code with the new set – it makes the black square WordPress default player (the second one that loads) more transparent – but it still loads to replace the original grey / rounded end player.

I have been in touch with Blubrry (Mike Dell – Customer Support Manager). He advises the following:

‘The black player is the default for WordPress. The transparent background is not stock. See: https://www.fastfoodhistory.org/the-history-of-burger-chef/ That is how the player looks stock. Any changes to that is the theme. (including in preview).’

I can use a brand new WordPress installation with stock theme to have a look (i.e. no possible chance of influence from the Zakra theme).

But the main thing I’d like to achieve is clean this up:

1) preferably, keeping the Zakra theme player by preventing the WordPress player loading (which is what Blubrry say is the issue),
2) Or, replacing the Zakra player / stopping that from loading so that only the WordPress stock player loads.

Having both is untidy.

cheers

Hi Ashish

Thanks for your reply

I checked using Twenty Nineteen – it was the same black square player.

I added the CSS and it doesn’t seem to have changed the behaviour?

Thanks again