<audio id="bg-sound">
   <source src="https://310401.selcdn.ru/MIXED/caitlin-de-ville-attention.mp3">
</audio>
<script>
$(document).ready(function(){
myAudio=document.getElementById("bg-sound");
let fadeTime = 300;//Врямя смены иконок
myAudio.volume=0.4;//Задаём громкость
$(".stopbgmusic").hide();
$(".playbgmusic").click(function(e) {
    myAudio.play(); $(this).fadeOut(fadeTime);
    $(".stopbgmusic").fadeIn(fadeTime);
})
$(".stopbgmusic").click(function(e) {e.preventDefault();
    myAudio.pause();  $(this).fadeOut(fadeTime);
    $(".playbgmusic").fadeIn(fadeTime);
});
$("#bg-sound").on("ended", function() {
    $(".stopbgmusic").fadeOut(fadeTime);
    $(".playbgmusic").fadeIn(fadeTime);
});
});
</script>
<style>
div[class*="bgmusic"] { 
    cursor: pointer;
    z-index:99 !important;
}
</style>