I am trying to preload some sounds for a website I am working on... Originally I used the embed tag but that caused problems in Opera and did not validate... So I've switched to the object tag which now works in everything except IE8...
<object id="sound_lock" class="embedded" data="sounds/iphone/system/iphone_sound_lock.wav">
<param name="autostart" value="false" />
</object>
I had to put in a class to hide the sound files because tey were appearing with controls in Opera...
.embedded { visibility: hidden; }
Lastly here is the javascript code that plays the sound when required... Works in latest FF, Opera, Safari and Chrome but not in IE8... IE8 generates an 'object doesn't support this property or method' error...
var thisSound=document.getElementById(soundObj);
thisSound.Play();
I'm assuming this is because IE8 can't get the id from the object tag but can't find a work around... I want to make sure all the code validates appropriately so I am trying to avoid the embed tag...
Hope someone can help :)