<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>