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) Custom Media Players Using Default Skins

Posted by Jamison Imhoff
Jamison Imhoff
12,460 Points

Media Player not working

Trying to follow along the Video audio html lesson and my code is not working

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

    <h1>HTML Video and Audio</h1>

    <div class="wrapper">

      <h2>Video Example</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">
        <track label="English" kind="subtitles" srclang="en" src="bridge-captions.vtt" default>
      </video>

      <h2>Audio Example</h2>

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

2 Answers

Mark Glissmann
Mark Glissmann
7,225 Points
Mark Glissmann
Mark Glissmann
7,225 Points

Jamison what do you mean by "not working"? I copied and pasted the code you have given and it works correctly. The video and audio elements are displayed and the controls are visible.

Jamison Imhoff
Jamison Imhoff
12,460 Points

unable to update the skins of the player as shown in the lesson

Owen Graham
Owen Graham
14,439 Points
Owen Graham
Owen Graham
14,439 Points

I am also having trouble with this. i think it may have to do with the browser correctly loading the CSS because I have had a few similar issues with other things in workspaces as well as in the previous video.