Problema con <audio> di HTML5

[david84]

Salve a tutti!
Ho un problema nella gestione dei suoni! Tramite l’utilizzo del tag audio di html 5 ho assegnato ai link di una pagina degli effetti audio, (uno per ogni collegamento) che si attivano all’hover dell’utente! L’effetto funziona benissimo su Firefox ma non su Crome ed Explorer 9.:crying: In Crome, dopo aver aperto la pagina, se passo più volte sullo stesso link mi riproduce il suono senza problemi ma appena passo sopra ad un altro link cominciano a non funzionare più, come se facesse fatica a gestirne più di uno! Non ho proprio idea di come risolverla…qualcuno sa darmi un suggerimento?
Grazie!:byebye:

<ul id="lista">
        <li><a id="01" href="#">Link 1</a></li>
        <li><a id="02" href="#">Link 2</a></li>
        <li><a id="03" href="#">Link 3</a></li>
    </ul>
    
        <audio id="suono-1" preload="auto">
            <source src="01.wav"></source>
            <source src="01.mp3"></source>
        </audio>
        
        <audio id="suono-2" preload="auto">
            <source src="02.wav"></source>
            <source src="02.mp3"></source>
        </audio>
        
        <audio id="suono-3" preload="auto">
            <source src="03.wav"></source>
            <source src="03.mp3"></source>
        </audio>

var suono1 = $("#suono-1")[0];
                $("#lista a#01")
                .mouseenter(function() {
                suono1.play();
            });
        
        var suono2 = $("#suono-2")[0];
                $("#lista a#02")
                .mouseenter(function() {
                suono2.play();
            });
        
        var suono3 = $("#suono-3")[0];
                $("#lista a#03")
                .mouseenter(function() {
                suono3.play();
            });