Scribd
Upload
101 views2 pages

HTML SOP 4

Uploaded by

braveryclaw2002
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
101 views2 pages

HTML SOP 4

Uploaded by

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

EXPERIMENT NO : 4

SOP 6 : Use of video on web pages using html5. Create a webpage named video.HTML to
display a video file on web page and plays automatically with controls. The dimension of video
area should be 150 * 150 pixels. Create another webpage which provide multiple source file
formats for the same audio file that plays a sound automatically with controls. The dimension
of video area should be 100*100 pixels. The browser should display the message with
appropriate attribute when audio file is not supported by browser. The code must incorporate
the list of video files formats (like webM, MP4 or ogg etc).

Single video file on web page with controls


<!DOCTYPE html>
<html>
<head><title>single video file on web page with controls</title>
</head>
<body>
<h1 align="center">single video file on web page with controls</h1>
<video width="350" height="250" loop="-1"autoplay>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<p>
<b>Note:</b>
The autoplay attribute does not work on some mobile devices.</p>
</body>
</html>
Multiple video file on web page with controls
<!DOCTYPE html>
<html>
<head><title>Multiple video file on web page with controls</title>
</head>
<body>
<h1 align="center">Multiple video file on web page with controls</h1>
<h3>list of video file formats</h3>
<ol>
<li>mp4/mpeg</li>
<li>ogg- video/ogg</li>
<li>ogg- video/ogg</li>
<li>wmv- video/wmv</li>
<ol>
<video width="500" height="500" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="wildlife.wmv" type="video/wmv">
Your browser does not support the video tag.
</video>
</body>
</html>

You might also like