I need help figuring this out. On the <audio> tag, add the controls attribute.

Question

I'm trying to put in the right answer for this question, but nothing's happening. Am I doing something wrong?

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Video and Audio</title>

    <link rel="stylesheet" href="normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="main.css">
  </head>
  <body>

    <h1>HTML Video and Audio</h1>

    <div class="wrapper">

      <!-- Add your code below this line -->
             <audio controls>
            <source src="http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge-audio.mp3" type="audio/mp3">
      </audio>

    </div>

  </body>
</html>

Answer 1 · 2017-06-15T12:11:52Z

June 15, 2017 12:11pm

Hi Khaleel

The code you have written is correct and will work, but unfortunately there is two ways to write this and in challenges you have to follow the steps quite literally or it won't accept it as correct (sooo frustrating I've also done this too many times!).

So it should be

<audio controls src="http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge-audio.mp3" type="audio/mp3">
      </audio>

Welcome to the Treehouse Community

Looking to learn something new?

Khaleel Jones

Khaleel Jones

I need help figuring this out. On the <audio> tag, add the controls attribute.

1 Answer

Heather Hilder

Heather Hilder