title: Creating an Image Button that Creates a Sound HTML
body: <p>Hi I am currently trying to make an image button ( of a speaker ) play an audio file for me. </p>
  
  <pre><code>&lt;p&gt;&lt;br&gt;&lt;/p&gt;
  &lt;table&gt;
  &lt;tbody&gt;&lt;tr&gt;
  &lt;th&gt; Quick Clicks &lt;/th&gt; 
  &lt;td style="text-align: center;"&gt;
  &lt;a href="#3" onclick=""&gt;&lt;img src="https://zingtree-uploads.s3.amazonaws.com/images/59777e50293d71.47898028-416750-speaker.png" style="width: 145px; height: 145px;"&gt;&lt;/a&gt;
  &lt;/td&gt;
  &lt;td style="text-align: center;"&gt;
  &lt;a href="#3" onclick="do_button_click(14, 7, 'Quick Clicks',0);"&gt;&lt;img src="https://zingtree-uploads.s3.amazonaws.com/images/59777e50293d71.47898028-486417-Quick+Clicks.png" style="width: 145px; height: 145px;" &gt;&lt;/a&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;&lt;/table&gt;
  </code></pre>
  
  <p>Those are the two pictures i'd like to use and i'd like to make the first button play this audio file: </p>
  
  <pre><code>&lt;a class="btn btn-lg btn-zingtree btn-block btn-primary" onclick="this.firstChild.play()"&gt;&lt;audio src="https://thorswrench-my.sharepoint.com/personal/christiaan_karsavior_com/Documents/database%20media/sounds/dead%20battery%20clicking.mp3"&gt;&lt;/audio&gt;Play&lt;/a&gt;`enter code here`
  </code></pre>
  
  <p>Sorry, I know there must be a solution to this somewhere but I have failed to find one.  </p>