Botón de play/pause para poder aplicarles css

[nilburcion]

Vale, yo lo que haría sería crear dos clases una para el button play y la otra para el button pause y luego las cambiaría en JS.

Primero de todo, crea dos classes en CSS una para play y otra para pause:

Código CSS:

.pause {
/*Aqui el css que quieres aplicar al boton en modo pause*/
}
 
.play {
/*Aqui el css que quieres aplicar al boton en modo play*/
}
 

Luego para conseguir cambiarlos con JS hazlo así:

Código Javascript:

...
    function playPause(){
        if(audio.paused){
            audio.play();
            playbtn.setAttribute("class", "pause");
        } else {
            audio.pause();
            playbtn.setAttribute("class", "play");
        }
    }
 
...