Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Video and Audio Media Basics The Audio Element

Posted by Sebin Kim
Sebin Kim
6,976 Points

Code format exactly the same with the lecture example, working well. But incorrect message

The preview works as I intended and the code format is exactly the same with the previous lecture. But browser keep says it's incorrect.

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">

      <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>

1 Answer

Bella Bradbury
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Bella Bradbury
Front End Web Development Techdegree Graduate 32,790 Points
Bella Bradbury
.a{fill-rule:evenodd;}techdegree seal-36
Bella Bradbury
Front End Web Development Techdegree Graduate 32,790 Points

Hello Sebin!

This challenge is asking that you have a closed audio tag and wants you to continue building off of the previous code. You've done a great job getting to this point (and even your above code is technically correct), but it's not what the challenge is asking of you. Let's take a moment to go back to the answer of previous step of the challenge:

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

Here we have the self-closing audio tag, the source attribute, and the type attribute. The next step is 'On the <audio> tag, add the controls attribute.' In your above answer you've reformatted the code that you've been writing for the challenge to better match the videos. The expanded <audio> tag with the <source> elements as the children works wonders when you have multiple audios to display, but you can actually write the controls attribute right into the self-closing <audio> tag when you only have one source! What this challenge is ultimately asking for is:

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

where the controls attribute follows audio in the tag. Hope this helps!