Audio and video exercise :-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Audio and video practice</title>
</head>
<body>
<div class="container">
<header>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#video">video</a></li>
<li><a href="#audio">audio</a></li>
</ul>
</nav>
</header>
<div class="Video" id="video">
<h4>This is the video section</h4>
<span>
<video src="exercise/1.mp4" controls width="250px" height="350px" loop typ="video/mp4" preload="metadata"></video>
</span>
<span>
<video src="exercise/2.mp4" controls width="250px" height="350px" loop typ="video/mp4" preload="metadata"></video>
</span>
<span>
<video src="exercise/3.mp4" controls width="250px" height="350px" loop typ="video/mp4" preload="metadata"></video>
</span>
<span>
<video src="exercise/4.mp4" controls width="250px" height="350px" loop typ="video/mp4" preload="metadata"></video>
</span>
<span>
<video src="exercise/5.mp4" controls width="250px" height="350px" loop typ="video/mp4" preload="metadata"></video>
</span>
<span>
<video src="exercise/6.mp4" controls width="250px" height="350px" loop typ="video/mp4" preload="metadata"></video>
</span>
</div>
<div class="audio" id="audio">
<h4>This is the audio File here</h4>
<span><audio src="exercise/1.mp3" controls loop type="audio/mpeg" preload="metadata"></audio></span>
<span><audio src="exercise/2.mp3" controls loop type="audio/mpeg" preload="metadata"></audio></span>
<span><audio src="exercise/3.mp3" controls loop type="audio/mpeg" preload="metadata"></audio></span>
<span><audio src="exercise/4.mp3" controls loop type="audio/mpeg" preload="metadata"></audio></span>
<span><audio src="exercise/5.mp3" controls loop type="audio/mpeg" preload="metadata"></audio></span>
<span><audio src="exercise/6.mp3" controls loop type="audio/mpeg" preload="metadata"></audio></span>
</div>
</div>
</body>
</html>
Thanks you for commenting your questions. I will see question and respond you.