title: .play(); not working for html5 audio
body: <p>I have been working on my javascript skills but I encountered a problem where the audio wasn't being played when clicked here is my code.</p>
  
  <pre><code>&lt;div class="player_container"&gt;
  &lt;button class="play_pause_button" type="button" title="Play" onclick="play_pause"&gt;&lt;/button&gt;
          &lt;audio class="audio_player" preload="auto"&gt;
             &lt;source src="audio/test.mp3" type="audio/mpeg"&gt;
          Your browser does not support the audio element.
      &lt;/audio&gt;
  &lt;/div&gt;
      &lt;script type="text/javascript"&gt;
      var content = document.getElementsByClassName('audio_player'),
      play_pause = document.getElementsByClassName('play_pause_button'),
      progress = document.getElementsByClassName('player_progress');
      function play_pause() {
          return content.play();
      }
      &lt;/script&gt;
  </code></pre>