title: How to make a sound play onClick complying with HTML4?
body: <p>I've got the page working magnificently in Chrome, but older versions of IE are giving it trouble. The audio tag isn't recognized, so I'm wondering: How can I make a sound play after the image is clicked? I have attached the relevant code below. 
  Again, it works in Chrome. I just don't know how to approach this for IE versions 7 and 8, because it doesn't accept the audio tag OR me creating a new Audio object in my javascript. I'll take any help I can get, but I am very inexperienced with JQuery. </p>
  
  <pre><code>&lt;img id="Unique" src="bellTop.jpg" width="17%" height="20%" title="A Major"
  onclick="funct1()" /&gt;
  &lt;script&gt;
  function funct1() {
  var willPlay= new Audio();
  willPlay.src="pathToAudio/Song.mp3";
  willPlay.play(); }
  &lt;/script&gt;
  </code></pre>
  
  <p>EDIT: I understand the object and embed tags. I don't want a player to appear; I want the sound file to be hidden on the page, but when an image is clicked, it plays.</p>
  
  <p>EDIT 2: Problem solved (mainly)!Here's the code that works to get around the problem!</p>
  
  <pre><code>&lt;span id="dummyspan"&gt;&lt;/span&gt;
  
  &lt;img src="imageName.jpg" width="17%" height="20%" onClick="playSound('SongName.mp3')"&gt; 
  
  &lt;script&gt;
  function playSound(surl) {
  document.getElementById("dummyspan").innerHTML=
  "&lt;embed src='"+surl+"' hidden=true autostart=true loop=false&gt;"; }
  &lt;/script&gt;
  </code></pre>
  
  <p>It seems that you can create an empty span, embed an audio file in it, and then call it up with the javascript function! It does take a few seconds to load, but I'm willing to bet that anyone still using IE8 and below is used to that by now.</p>