title: Play Spotify song preview in audio element
body: <p>I am trying to build a feature on my web application that pulls the preview url from Spotify's API, and play the preview when the user clicks on the audio controls. I am able to save the correct URL in the source, but the song does not play. I looked at the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio" rel="nofollow noreferrer">MDN Docs</a>, but still could not get it to work. Here is a snippet of my code in JSX:</p>
  
  <pre><code>&lt;div className="audio-container"&gt;
    &lt;audio controls="controls"&gt;
      &lt;source src={this.props.songs[2].href} type="audio"/&gt;
    &lt;/audio&gt;
    &lt;p className="font-style"&gt;{this.props.songs[2].name}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I do not receive any errors. Is there anything obvious I am missing? Thank you in advanced!</p>