Audio Player

Audio Player

audio {
  display: block;
  margin: 0 auto;
  width: 80%;
  max-width: 500px;
  background-color: #000000;
  padding: 10px;
  border-radius: 10px;
}

audio::-webkit-media-controls-start-playback-button,
audio::-webkit-media-controls-mute-button,
audio::-webkit-media-controls-volume-button {
  background-color: #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

audio::-webkit-media-controls-start-playback-button:before {
  content: "\25BA";
  font-size: 30px;
  line-height: 30px;
}

audio::-webkit-media-controls-volume-slider {
  width: 80%;
  margin: 10px auto 0;
  display: block;
}

audio::-webkit-media-controls-volume-slider::-webkit-media-slider-thumb {
  background-color: #ffffff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -8px;
}