SOP 6 :

Use of video on web pages using html5.

1) 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 a file "video.HTML"

Code :


<!Doctype HTML>
<HTML>
<Head>
<title>Video controls</title> 
</Head>
<Body>
<H1 align="center">Video</H1>
<br><br>
<video  width="150" height="150" controls autoplay>
<source src="movie.mp4" type="video/mp4">
</vdieo>
</Body>
</Html>

2) 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).
Create a file "video2.html"

Code :


<!Doctype HTML>
<HTML>
<Head>
<title>Video controls</title> 
</Head>
<Body>
<H1 align="center">Video</H1>
<br><br>
<video  width="100" height="100" controls autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<p>Your browser does not support the
video tag.</p>
</vdieo>
</Body>
</Html>