title: How to make an image that plays audio when clicked
body: <p>I am trying to implement a button that plays audio. I don't want to have the slider. </p>
  
  <p>Is there anyway to rid of the slider, or maybe use an image of a button instead?</p>
  
  <p>Current code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;title&gt;Music&lt;/title&gt;
  &lt;style type="text/css"&gt;
  body {
          color:transparent;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body onLoad="RandomSong();"&gt;
  &lt;audio id="content" src="background1.mp3" controls&gt;&lt;/audio&gt;
  
  &lt;script&gt;
  function RandomSong() {
      var Music = ["background1.mp3","background2.mp3","background3.mp3","background4.mp3","background5.mp3"];
      var randomCode = Math.floor(Math.random()*Music.length);
      document.getElementById("content").value = "mp3=" + Music[randomCode] + "&amp;amp;showslider=0&amp;amp;width=5&amp;amp;loop=1&amp;amp;autoplay=0&amp;amp;volume=50";
  }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>