Tell us what’s happening:
I am having trouble with the following:
9. Inside the video element, you should have a source element.
Failed: 10. The source element should have a src attribute pointing to a video file.
Failed: 11. The source element should have a type attribute
Failed: 12. The type attribute should match the media type of the file extension of the src attribute.
Please advise.
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>The Sound of Horselips</h1>
<section>
<h2>Imagine Horselips</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"
</video>
</section>
<section>
<h2>do do do d-d-d-d do doo do</h2>
<audio src="https://cdn.freecodecamp.org/curriculum/js-music-player/we-are-going-to-make-it.mp3"
controls
loop
</audio>
</section>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.6 Safari/605.1.15
Challenge Information:
Build an HTML Audio and Video Player - Build an HTML Audio and Video Player