0% found this document useful (0 votes)
5 views2 pages

6

This document provides a complete HTML code for a webpage that demonstrates the use of the <audio> and <video> tags in HTML. It includes an audio player with controls and a video player that has controls, autoplay, and a poster image. The webpage is styled with basic CSS for a clean layout.

Uploaded by

goudakhilesh47
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
5 views2 pages

6

This document provides a complete HTML code for a webpage that demonstrates the use of the <audio> and <video> tags in HTML. It includes an audio player with controls and a video player that has controls, autoplay, and a poster image. The webpage is styled with basic CSS for a clean layout.

Uploaded by

goudakhilesh47
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

Develop a webpage that demonstrates the use of the <audio> and

<video> tags in HTML. Include an audio file with controls enabled


and a video file with controls, autoplay, and a poster image.
Provide the complete HTML code for the implementation.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Audio and Video Demo</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
background-color: #f9f9f9;
}
h1, h2 {
color: #333;
}
.media-container {
margin: 20px;
}
video, audio {
display: block;
margin: 10p;
}
</style>
</head>
<body>
<h1>Media Integration: Audio and Video</h1>
<p>This webpage demonstrates the use of HTML's
<code>&lt;audio&gt;</code> and <code>&lt;video&gt;</code>
tags to embed media files.
</p>

<div class="media-container">
<h2>Audio Player</h2>
<p>
Below is an example of an audio player with controls enabled:
</p>
<audio controls>
<source src="audio-sample.mp3" type="audio/mpeg">
<source src="audio-sample.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
</div>

<div class="media-container">
<h2>Video Player</h2>
<p>
Below is an example of a video player with controls, autoplay,
and a poster image:
</p>
<video controls autoplay poster="poster-image.jpg"
width="640" height="360">
<source src="video-sample.mp4" type="video/mp4">
<source src="video-sample.ogg" type="video/ogg">
Your browser does not support the video element.
</video>
</div>
</body>
</html>

You might also like