Cross-platform, cross-browser way to play sound using jQuery 1.4?

audio, jquery

Solution

Don't need any of those. The HTML tag, combined with JavaScript, will do the trick.

<audio id="soundHandle" style="display: none;"></audio>
<script>
  soundHandle = document.getElementById('soundHandle');
  soundHandle.src = '/blah/blah.mp3';
  soundHandle.play();
</script>

Problem

I'm trying to get jQuery to play a sound on element hover/click. (It's like a flash website without flash) I've tried the methods recommended in Cross-platform, cross-browser way to play sound from Javascript?, the jQuery Sound plugin and a couple of other tutorials without any success. I'm assuming this is because they haven't been updated since 2008. Does anyone have any recommendations?

Original source

Related problems