freecodecamp/Certified_Full_Stack_Developer/HTML/Accessibility/Mulitmedia_Player/index.html
2025-06-23 14:16:46 +02:00

28 lines
No EOL
1.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Multimedia Player</title>
</head>
<body>
<h1>MEDIA PLAYERS</h1>
<section>
<h2>Sailing Away</h2>
<audio aria-label="audio" controls>
<source type="audio/mpeg" src="https://cdn.freecodecamp.org/curriculum/js-music-player/sailing-away.mp3">
</audio>
</section>
<section>
<h2>What is the map method</h2>
<video aria-label="video" width="320" height="240" controls>
<source src="https://cdn.freecodecamp.org/curriculum/labs/What is the map method and how does it work.mp4" type="Video/mp4">
<track src="subtitles.vtt" kind="subtitles" srclang="en" label="English">
</video>
</section>
<section>
<h2>Transcript</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis deleniti quaerat velit unde corrupti dolor voluptatem minus esse rerum consequuntur porro expedita odit, hic dolore! Praesentium corrupti natus minus libero.</p>
</section>
</body>
</html>