<audio id="bg-sound">
<source src="https://dl.dropbox.com/s/jc2bubl77oezd2k/15.-%D0%9C%D0%BE%D1%80%D0%B5-%D0%B6%D0%B4%D0%B5%D1%82-%E2%80%94-%D0%BC%D0%BE%D1%80%D0%B5-%D0%B7%D0%BD%D0%B0%D0%B5%D1%82.mp3?dl=0">
</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>
<source src="https://dl.dropbox.com/s/jc2bubl77oezd2k/15.-%D0%9C%D0%BE%D1%80%D0%B5-%D0%B6%D0%B4%D0%B5%D1%82-%E2%80%94-%D0%BC%D0%BE%D1%80%D0%B5-%D0%B7%D0%BD%D0%B0%D0%B5%D1%82.mp3?dl=0">