Practical Viewer

1 Program 1

Aim (Write on the ruler page)

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.

Program (Start from new page after AIM)

<!DOCTYPE html>
<html>
<head>
<title>Video Example</title>
</head>
<body>
<video width="150" height="150" autoplay>
  <source src="video_file.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>
</body>
</html>

Output (Stick on blank page opposite to code)

Download Output

2 Program 2

Aim (Write on the ruler page)

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).

Program (Start from new page after AIM)

<!DOCTYPE html>
<html>
<head>
<title>Video Example with Multiple Sources</title>
</head>
<body>
<video width="300" height="300" controls>
  <source src="video_file.mp4" type="video/mp4">
  <source src="video_file.webm" type="video/webm">
  <source src="video_file.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
</body>
</html>

Output (Stick on blank page opposite to code)

Download Output