Making audio background transparent

Hello,
I want to make the audio element background to be transparent.I am not getting from where th e white color at background is appearing.

Thank You

You won’t be able to style the browser’s built-in controls (which is what your screenshot shows). I’d therefore write your own and style them however you fancy:

<audio id="player" src="..."></audio>

<div id="controls"> 
  <button class="play">Play</button> 
  <button class="pause">Pause</button> 
</div>

Then (assumes jQuery):

const $player = $("#player");

$(".play").on("click", function(){
  $player.play();
});

$(".pause").on("click", function(){
  $player.pause();
});
1 Like

Thank You

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.