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