Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Responsive Audio Player

I followed these instructions to have the player display as just an audio player https://support.jwplayer.com/customer/portal/articles/1406724-aac-or-mp3-audio-embed. I'm streaming an mp3 and using the new version 8 player. This works great if I want the player the same width every time but in 2018, I need this player to be responsive. But every time I set the width of the player to width:'100%', the responsiveness works great, but the 40px height required to make the player display as an audio player get overwritten with this class .jwplayer.jw-flag-aspect-mode { height: auto !important; } and the audio bar gets replaced by a full-sized video player.

Quite simply, how can I get my audio player to be responsive and not display as a blank video player? In the article I posted above, there isn't a single mention on how to make this player responsive.

5 Community Answers

Up Down

Timoor Kurdi

JW Player Support Agent  
0 rated :

Could you provide me with a link so I can take a look at your setup?

Up Down

m...

User  
0 rated :

http://hjgenius.com/index-1a.php I apologize for the content of this audio track, I muted the audio for ya.

Up Down

Timoor Kurdi

JW Player Support Agent  
0 rated :

You need to have aspectratio: ’’ part of the configuration setup as that is loaded from the javascript library and needs to be set to an empty string. You can add that below height or width etc.

Take a look at the configuration for this player – http://s3.amazonaws.com/qa.jwplayer.com/~timoor/jwplayer-audio-only.html

Up Down

m...

User  
0 rated :

That did the trick. My configuration now looks like this

width: '100%',
aspectratio: '',
height: 40,

Thank you very much!!!!

Up Down

Timoor Kurdi

JW Player Support Agent  
0 rated :

You’re welcome, glad I was able to help.

Post Your Public Answer