title: Audio tag in html showing disabled
body: <p>I'm trying to make a Music Player with Html, Css and JavaScript. I'm using the <code>&lt;audio&gt;</code> tag in html but it's not working. It's kind of showing disabled. <a href="https://i.stack.imgur.com/RDJZ7.jpg" rel="nofollow noreferrer">Like this</a> .</p>
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;index.css&quot;&gt;&lt;/link&gt;
      &lt;script src=&quot;https://kit.fontawesome.com/dba8b040be.js&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;title&gt;Musica&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;section id=&quot;title-cont&quot;&gt;
      &lt;div id=&quot;song-name-cont&quot;&gt;
        &lt;p id=&quot;song-name-txt&quot;&gt;My Oh My&lt;/p&gt; 
      &lt;/div&gt;
      &lt;div id=&quot;artist-name-cont&quot;&gt;
        &lt;p id=&quot;artist-name-txt&quot;&gt;Camila Cabello&lt;/p&gt; 
      &lt;/div&gt;
    &lt;/section&gt;
   &lt;section id=&quot;main-cont&quot;&gt;
     &lt;div id=&quot;album-cover-cont&quot;&gt;
       &lt;div id=&quot;album-cover&quot;&gt;&lt;/div&gt;
     &lt;/div&gt; 
     &lt;div id=&quot;music-controls-cont&quot;&gt;
       &lt;div id=&quot;rangebar-cont&quot;&gt;
      &lt;audio controls autoplay&gt;
          &lt;source src=&quot;piano.mp3&quot; type=&quot;audio/mp3&quot;&gt;
      &lt;/audio&gt;
         &lt;input type=&quot;range&quot; min=&quot;0&quot; max=&quot;183&quot; value=&quot;0&quot; class=&quot;slider&quot; id=&quot;myRange&quot;&gt;  
       &lt;/div&gt;
       &lt;div id=&quot;controls-cont&quot;&gt;
         &lt;i class=&quot;fa fa-pause&quot; id=&quot;icon-pause&quot; onclick=&quot;musicPause()&quot;&gt;&lt;/i&gt;  
         &lt;i class=&quot;fa fa-play&quot; id=&quot;icon-play&quot; onclick=&quot;musicPlay()&quot;&gt;
         &lt;/i&gt;  
       &lt;/div&gt;
     &lt;/div&gt;
   &lt;/section&gt;
   &lt;script src=&quot;index.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I don't seem to understand what the problem is </p>