Reproducir sonido al pasar el mouse sobre la imagen

Intento reproducir el sonido en lista desplegable o mouseenter. esta lista tiene img dentro de la una

atributo

este es código html y js

function playclip() { var audio = document.getElementsByTagName("audio")[0]; audio.play(); } 
  

una vez que coloco el mouse dentro de un sonido de reproducción. Ir a la imagen y volver a su juego de nuevo

cómo hacer que el sonido se reproduzca solo una vez hasta que salga el li

html

     

javascript

 function playclip(){ var audio = document.getElementsByTagName("audio")[0]; audio.play(); } $(document).ready(function() { $('.mtrack').on('mouseenter',function(){ if(!$(this).hasClass('.played')){ playclip(); $(this).addClass('.played'); } }); $('.mtrack').on('mouseleave',function(){ if($(this).hasClass('.played')){ $(this).removeClass('.played'); } }); });