Controls attribute problems

HTML-CSS
1

Tell us what’s happening:
the controls attribute is not working
it doesn’t even showed up

thank you!

Your code so far


<body>
<header>
  <h1>Real Coding Ninjas</h1>
</header>
<main>
  <p>A sound clip of Zersiax's screen reader in action.</p>
  <audio>
    <source controls="on" src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg" >
    </audio>


</main>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36.

Challenge: Improve Accessibility of Audio Content with the audio Element

Link to the challenge:

2

The audio tag should have the controls attribute.
Your code seems to be missing this
Take a good look at the example. How and what did they do with the controles?

<audio id="meowClip" controls>
  <source src="audio/meow.mp3" type="audio/mpeg" />
  <source src="audio/meow.ogg" type="audio/ogg" />
</audio>
3

sir! i put the same solution that the website gave & it still doesn’t showed
I think the problem is from the navigator maybe
if you could please try that code, because i really need a clear view.
and sorry if i bother you.

4

nevermind sir
it works
thank you for reminding me