Here's the page: http://developer.thepracticeroom.net/practice/
I see this problem in Chrome 17.0.963.83 and Firefox 11.0.
As you can see some of the audio files are appearing twice, though only the top one seems to work.
Here's the code:
[blockquote]
[box]
[one_half first]
<h2>Tune Up - C Major</h2>
[audio src="/audio/tuneupCMajor.mp3"]
[/one_half][one_half]
<h2>Steady Beat</h2>
[audio src="/audio/metronome.mp3"]
[/one_half]
[/box]

[box]
<h2>Hear the Answer</h2>
[audio src="/audio/ssl1-01.mp3"]
[/box]
[/blockquote]
I am using a plugin MediaElementjs to display the audio. I have used that plugin without issue on other wordpress sites.
Is there any way to get the audio to display correctly?
I'm open to other audio options - but I need something that will display an audio player in html5 for the ipad, but have fallback for flash. There doesn't seem to be a great solution that covers both. :)
Thanks in advance for any assistance.














