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 Sarah Jane Villadoz
Sarah Jane Villadoz
883 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,383 Points
Tyler Andal
Tyler Andal
8,383 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>