Audio players don't display correctly within accordions

Q&ACategory: PluginAudio players don't display correctly within accordions
David asked 2 years ago

I frequently use accordions to organize audio players for my students and performers, but the players don’t display correctly in the accordions.  Their default when they’re OUTSIDE of an accordion is 100% of the width of the container:

Audio player outside of Accordion

But within the accordion they seem to shrink down to about 50% or so.  Worse, when the user clicks Play, the player shrinks completely so there’s no way to see the progress of the track or click ahead or back in the track:
Audio players within Accordion

Any suggestions for how to get the players to display normally within the accordions?

1 Answers
Nur Hasan Staff answered 2 years ago

Welcome to our forum,
Can you please send me your Accordions page link ?

David replied 2 years ago

Sure. The original was in a password-protected area of the site, but I've duplicated just the accordion onto this page: <br><br> <br><br>The "January 17" tab is the one I sent you screenshots from.Thanks for taking a look!

David replied 2 years ago

Hi Hasan–have you made any discoveries on this? I’m still having the same issues with all embedded audio players. Thanks.

Hasan Staff replied 2 years ago

Hi, sorry for late reply, this might be jQuery issue, can you please use only mp3 link , i have inspected your player , can see the values are not updating please see the screenshot