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 Video and Source Elements

Stanley West
PLUS
Stanley West
Courses Plus Student 655 Points
Posted by Stanley West
Stanley West
Courses Plus Student 655 Points

Wordpress "video element" code

The following code gives an error: <video src=http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge.mp4"/>

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


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

  </body>
</html>

2 Answers

Kieran Barker
Kieran Barker
15,028 Points
Kieran Barker
Kieran Barker
15,028 Points

The <video> element isn’t self-closing. It needs a closing </video> tag.

Stanley West
Stanley West
Courses Plus Student 655 Points
Stanley West
Stanley West
Courses Plus Student 655 Points

https://1drv.ms/i/s!AqbLcvmlmxrMgfAqH7VkrNToDAxSEA Above links to a copy of the video "TH-HTMLVideo-Stage1-Video2-360" where the use of the self closing tag is used. I tried using the closing tag but error recurrs : https://1drv.ms/i/s!AqbLcvmlmxrMge43PdL5yuh-69ZLyQ

Kieran Barker
Kieran Barker
15,028 Points
Kieran Barker
Kieran Barker
15,028 Points

Stanley West — I'm not sure what to tell you. If you view the MDN Web Docs for the <video> element, it says 'both the starting and ending tag are mandatory'. Perhaps you can check through the docs and try to implement their methods.