Audio.js | How to make it show only Play/Pause button

Question

So I have installed audio.js on my website. All works ok. I want it to change how it looks. Actually, I want that it would appear only as Play button (or play/pause button). Or in other words: I want to hide progress bar and "time passed | time remaining". How can I do this?

Answer 1

audiojs has settings that u can customize the style and markup, please refer to the documentation

If you wanna use default class names, you can overwrite their styles by adding css something like this:

.audiojs .scrubber { 
display: none; 
} 

There is the working source code link: https://jsfiddle.net/qp5xjxb9/3/