Question

These four snippets of code all work properly on my webpage if I open the page locally on my computer. But when I upload the webpage (and audio file) to a hosting server and access the page there through the internet, not all of them work properly as so:

This opened up windows media player on my computer and played the audio file through it even though it doesn’t do that on the webpage accessed locally.

 <object height="50px" width="100px" autostart="false" data="Audio/MHXSEagle.mp3" >
 </object> 

This works properly.

<object height="320px" width="240px" data="Audio/MHXSEagle.mp3" >
<param name="src" value="Audio/MHXSEagle.mp3"/>
</object>

These two work locally, but not through the internet:

<audio src="Audio/MHXSEagle.mp3" type="audio/mp3" controls="controls"  preload="auto"> 
   Browser doesn't support audio tags
</audio>

<audio controls="controls"> 
    <source src="Audio/MHXSEagle.mp3" type="audio/mp3" />
 Browser doesn't support audio tags
</audio> 

I don’t understand why they act differently and would like some clarification.

Answer 1

<audio /> 

audio tag is html 5 so IE 9 works, just tested on my server, but firefox does not work.
the object tag works on FF and chrome but IE seems to have issues on the server.
on my machine, IE doesnt seem to play anything local.
my guess is that local windows and apache servers have an effect on IE but firefox seems to be consistent