HTML HTML Video and Audio Media Basics The Video and Source Elements

how to create a source inside video element in html?

how to include a source inside video element in html

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


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

  </body>
</html>

Thanks Dan

1 Answer

Daniel Yalg
Daniel Yalg
5,103 Points

Hey Henrique!

Is this what you're trying to do?

<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    Your browser does not support the video tag.
</video>

You can see the example here: https://www.w3schools.com/html/html5_video.asp

Cheers, Dan.