Erin,

Instead of using conditional comments, try placing the fallback code INSIDE
the <audio> element (e.g. <audio [all the params]>[fallback code]</audio>.
That might work.

Best wishes,

Hayden

 

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Erin Lawson
Sent: Friday, 7 October 2011 4:26 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Shuffling audio objects with JavaScript

 

Hi all,

I am creating a webpage that uses JavaScript to shuffle a series of audio
file "questions" and their matching drag-and-drop answers. I have
successfully implemented this using the native HTML5 audio tags but also
have a fallback section for IE 7/8 since these browsers cannot read the
<audio> tag. This fallback section uses conditional comments around <object>
and <param> tags as demonstrated at the end of this article here
<http://www.elated.com/articles/html5-audio/> .

Unfortunately the shuffle script doesn't want to play nicely with the
fallback <object> and <param> code, and as result the audio will not play
when I click the buttons in IE. If I remove the shuffle from the IE fallback
the audio works fine, and the native <audio> works fine with the shuffle
applied.

I have posted the test page here
<http://learnline-dev.cdu.edu.au/chn101/lesson1/initials/bmpw.html>  so you
can see what I mean - try it in FF/Chrome/Safari, then have a look in IE
7/8.

If anyone needs to see specific parts of code, just let me know.

Many thanks in advance!
Erin 


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
******************************************************************* 



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

Reply via email to