Sign in
Log inSign up

Super Hyper Ultra Simple HTML5 Audio Play/Pause

Diego Ponciano's photo
Diego Ponciano
·May 11, 2019

So I was searching for a super simple solution and I couldn't find it so I made it with simple jQuery on this codepen.

Best thing is you can customize it with your own icons pretty much just replacing current ones and adding the .play and .pause classes respectively, with any element you want. You could even show a Berlin buddy bear raising his hands for play and lowering them for pause. Although no fancy transitions or animations are possible, who cares about that when simplicity is best almost EVERY time.

Feel free to use :)