Audio player current-time not displaying in latest Chrome

[Hyperbits]

In the latest version of Chrome (Version 67.0.3396.87) when the user clicks the play button on an audio player, the current-time doesn’t show. Upon inspection, there is a distinct color defined for current-time and the CSS looks correct, but for some reason, it’s not visible on the page.

If the user clicks into the bar or interacts with a popup modal, the current-time color suddenly appears. This seems to be only an issue on the latest version of Chrome.

Example on this page, halfway down in the About Hyperbits section. Here, current-time should be pink: https://hyperbitsmusic.com/masterclass/

Any suggestions for a fix?

[nico]

Hi @Hyperbits,

Thanks for writing in.

I could not guarantee this code below however you could give it a try.

Adjust this code below:

.mejs-time-loaded {
    background: transparent;
}

Into this.

 .mejs-time-loaded {
    background: #FFF;
}

Let us know how it goes.

Thanks.