The audio player on my website used to look and work wonderfully. Not the player shows up left justifed rather than centered. Also the player is not showing until the long black block is clicked on.

I'd appreciate your help to remedy this.

Thank you.

I have not updated the theme, or added any new modules or plugins. I did update to the latest version of Joomla.

The url is: processcoaching.com/coachescalls

Thanks for your help!

In my template, there is 'Compression.' I had it set to 'minify+Data URIs + Gzip.' Changed that setting to 'none,' saved, then cleared the cache. It did not change the appearance of AllVideos.

Any other suggestions?

Yes it is still off. Thank you for checking.

I disabled Ampz Social Sharing, cleared cache, and the issue is still there. I've left it disabled if you want to check again.

I believe I've disabled the widgetkit loading of JS. The enable choice in the plugin reads "If disabled the media player JavaScript will not be loaded."

I've attached a screenshot.

However this has not fixed the issue.

Thanks for your help. I'll keep looking for what the issue is, as I'd love to have it fixed.

Hi there, I have had the same issues lately. I'm on Joomla 3.9 and PHP version 7.1

What I did to fix the formatting issue (in case it helps others):
1) In the plugin settings, I set the audio width to 100% and the height to 60 on a responsive theme.
2) Then, I added the following code to my template as an override:
svg.poster-icon {transform: scale(2,2); color: #ccc;}
.avDownloadLink {margin-top: 50px; }

Note: even in Beez3 template, the play button was very small.
I also used the following css as a backup, in case the transition:scale did not work above:
svg.poster-icon:before {font-family:'FontAwesome'; content:"\f054"; font-size: 2.0em; color: #666; display:block; width: 40px; height: 40px; background-color: #fff;}


Now, my only remaining issue is keeping the controls visible. They want to go off-canvas (out of black box) as soon as the audio starts playing. You can change the height of the box and it still goes off-canvas. I have confirmed that no other javascript players are running and there are no .js errors on the page. I wonder what bootstrap version you are using, if any? The old site is on 3.0. I really don't want to upgrade bootstrap until Joomla 4 is ready.

Here's a link to one of my pages: www.ginnywalker.com/freedom-from-overwhelm-download

Thanks in advance for any ideas!
Mary

What a fast reponse! Wow!

I understand. I tried using a set width of 300 but the black background floated left while the svg was centered on the screen. It just didn't work, even in Beez3. No matter what setting of width, the controls disappeared while playing. Same is true for all themes (dropdown in the plugin itself).

I have not heard of a "Vanilla' version. Is that a download or just modifying the plugin to not use the css?