Audio Player Showing "Live Broadcast" On Mobile Only

[afleischer]

Hey Guys!

I added a few mp3 files to a website using the audio player element in cornerstone, and they’re showing up properly on desktop, but on mobile, the audio player is displaying only the play button and “live broadcast” where the time progress bar should be.

I thought it might be a caching issue since I use WP Fastest Cache for the site, but i’ve purged the cache locally on my mobile browsers, and also purged all the main website cache (including minified JSS/CSS), but it didn’t solve the issue.

I’m also using CloudFlare to speed up the site performance, and I purged all cache there as well, but the issue still persists.

Best,
Andrew

[ruenel]

Hello Andrew,

Thanks for the details. I have checked your site and I can see that you are using an older version of X(5.2.5) and Cornerstone (2.1.7). Could you please update to the latest versions?
Our latest versions are:

• X theme 6.5.6
• Cornerstone 3.5.5

This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

_After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.-

Please let us know how it goes.

[afleischer]

Hey! So I just updated to X 6.5.6 and Cornerstone 3.5.5, and I’m still seeing the same issue on mobile.

Also, after updating both the theme and Cornerstone, when I attempt to edit a page using Cornerstone, the page gets stuck at the loading circle image.

Best,
Andrew

[ruenel]

Hello Andrew,

I have checked your site in my mobile phone and I could not replicate the issue.
I am seeing this:

Please keep in mind that Since you have installed a caching plugin WP Fastest Cache, please clear your plugin cache and regenerate the minified JS/CSS files before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

[afleischer]

I’ve purged the cache on the plugin, and regeneration the minified JS/CSS files on the site. The picture you posted shows “Live Broadcast” on two of the four audio players, which is the issue i’m having.

I pulled the site up on both Safari and Firefox browsers on my iPhone, and this is what i’m seeing:

[rad]

Hi there,

It’s also happening on desktop and it appears on each element randomly. The text is MEJS fall-back display if the javascript fails to execute in which also fails to render the progress bar. This usually happens if there is a javascript error. But in your case, it’s probably due to over-optimization as there are multiple optimization plugins and even CloudFlare. Clearing and purging cache will not fix since it’s over-optimized, it will only cache the cache from another cache, please try disabling them all especially the one that apply ASYNC and DEFER optimization.

Let us know. Thanks!