Bien le bonjours ou bonsoir voici mon petit problème
Je souhaite créer un bouton permettant de couper et de remettre le son d'une musique.
la musique se coupe bien dans un premier temps mes lorsque que je souhaite re-cliquer dessus cela ne reviens pas.
voici mon petit code...
<audio id="bgAudio" autoplay="autoplay" loop="loop"><source src="?????.mp3" type="audio/mp3" />Votre navigateur n'est pas compatible</audio>
<div class="mute" onClick="change_mute()"></div>
.mute{
position:absolute;
width:32px;
height:32px;
bottom:10;
right:15;
background-image:url(../img/volume.png);
}
backgroundAudio=document.getElementById("bgAudio");
backgroundAudio.volume=0.33;
function change_mute(){
if ($('.mute').css('background-image','url(img/volume.png)')){
backgroundAudio.volume=0;
$('.mute').css('background-image','url(img/mute.png)')
}else{
backgroundAudio.volume=0.33;
$('.mute').css('background-image','url(img/volume.png)')
}
}
Merci d'avance pour résoudre mon erreur.