Audio Tag Not Supported Message

Permalink
Hi All!

I have a bunch of <audio> tags on my site. Since not all browsers support the same formats, I am wanting to add a message that says something like "Your browser won't play the audio tag, so you can Download it instead!", or something along those lines. I tried doing it like this:

<audio controls preload="none" style="width:100%;" src="http://www.orlandobiblechurch.org/Audio/130714lde.mp3">
"Your browser won't play the audio tag, so you can <a href="http://www.orlandobiblechurch.org/Audio/130714lde.mp3">Download</a> it instead!"
</audio>


But that didn't work. Can anyone shed some light on this for me?

Blenderite
 
JohntheFish replied on at Permalink Reply
JohntheFish
The Rolls-Royce way to do this is with Modernizr:
http://modernizr.com/
Blenderite replied on at Permalink Reply
Blenderite
Hmm, looks interesting. That might be a little overkill for this. I will look into it.

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.