Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Video and Audio Media Basics The Audio Element

Sarah Jane Villadoz
Sarah Jane Villadoz
770 Points

My code not working, asking to be sure to add a src attribute to <audio> tag. I followed instructions from video

<h1>HTML Video and Audio</h1>

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

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

</video> <h2>audio</h2>

<audio controls>

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

  </audio>

</div>

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

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

  </video>
    <h2>audio</h2>

  <audio controls>


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

      </audio>
</div>

  </body>
</html>

1 Answer

Tyler Andal
Tyler Andal
8,382 Points

Sarah Jane Villadoz

Here is the code I came up with to complete the challenge. Hopefully this helps you continue. You were really close to having it figured out!

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

    </div>

  </body>
</html>