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 (Retired) Media Basics The Audio Element

Nick Ars
Nick Ars
5,341 Points
Posted by Nick Ars
Nick Ars
5,341 Points

Source

Hello, everyone. I have the following problem. I don't understand why I can't complete the task, writing code this way: <audio> <source>http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge-audio.mp3</source> </audio>

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>
        <source src="http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge-audio.mp3">
      </audio>

    </div>

  </body>
</html>

3 Answers

Heather Woods
Heather Woods
5,330 Points
Heather Woods
Heather Woods
5,330 Points

Hi Nick, it looks like you have it right in the code you posted, however in the question you have the source between and opening and closing source brackets as if it's text. source is self closing so the src needs to be before the closing bracket like this

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

Sia Hua Jiuh
Sia Hua Jiuh
11,138 Points
Sia Hua Jiuh
Sia Hua Jiuh
11,138 Points

Dear Nick,

The key is that the question is asking "a self-closing <audio> element". So the correct answer should be:

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

Not: 

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

Even though, both code work perfectly fine to play the audio.

Rgds Sia

Nick Ars
Nick Ars
5,341 Points
Nick Ars
Nick Ars
5,341 Points

Thank you very much:)