How do i make an toggle button for audio only using html or css?

Question

i'm trying to make an toggle button for audio, where if you click on the button the audio turns off and click again it turns back on.

I have tried searching it up but have only found ways using javascript or jquery and i would prefer not using these.

<audio> <source src="../music/TheMUSIC.mp3" type="audio/mpeg"/></audio>

This is the code i have for my music so far.

score 0 · Answer 1 · answered Nov 18 '18 at 18:58

0

You could use

<audio controls> <source src="../music/TheMUSIC.mp3" type="audio/mpeg"/></audio>

and add some custom css to it.

answered Nov 18 '18 at 18:58

Aditya Jangid

what do i use css on if i were to do so? like what do i write before {}? – maji Nov 18 '18 at 19:23
This [link](https://stackoverflow.com/questions/3794682/custom-css-for-audio-tag) might help – Aditya Jangid Nov 18 '18 at 19:38

1 Answers1