Build an HTML Audio and Video Player - Build an HTML Audio and Video Player

HTML-CSS
1

Tell us what’s happening:

could someone help me correct the coding errors please

Your code so far

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>HTML Audio and Video Lab</title>
</head>
<body>
<h1>Audio and Video Lab</h1>
</body>
<section>
  <h2>Example video</h2>
  <video
   controls
   width="640"
   source src="https://cdn.freecodecamp.org/curriculum/labs/what-is-the-map-method-and-how-does-it-work.mp4"type="video/mp4"
   loop
  ></video>
</section>
<section>
  <h2>Audio Example<h2>
  <audio
   controls
   loop
   source src="https://cdn.freecodecamp.org/curriculum/js-music-player/we-are-going-to-make-it.mp3"type="audio/ogg"
  ></audio>
</section>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36 Edg/143.0.0.0

Challenge Information:

Build an HTML Audio and Video Player - Build an HTML Audio and Video Player

2

Hi there!
Please tell us what errors did you get and how did you try to fix it?

3

says that there needs to be a source element and type attribute within the video element

4

Both your video and audio elements have these:

source src="https://

Read the error again and think about the difference between an “element” and an “attribute”

you should have an audio element with the controls and loop attributes, and a src attribute that points to an audio file.

Inside the video element, you should have a source element with a src attribute

Have a look at this example as well https://www.w3schools.com/html/html5_video.asp