Create a HTML5 web page which shows the use of Audio & Video.


 

For this practical download one Audio and video file any and link path in program.

Code

<!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</title>
</head>

<body>
<p>Simple Audio</p>
<audio width="20%" height="20%" controls>
<source src="Blue Eyes.mp3" type=audio/mp3>
</audio><br><br>
<p>Autobuffer</p>
<audio autobuffer width="20%" height="20%" controls>
<source src="Blue Eyes.mp3" type=audio/mp3>
</audio><br><br>
<p>Autoplay</p>
<audio width="20%" height="20%" controls autoplay>
<source src="BOL DO NA ZARA.mp3" type=audio/mp3>
</audio><br><br>
<p>loop</p>
<audio width="20%" height="20%" controls loop>
<source src="BOL DO NA ZARA.mp3" type=audio/mp3>
</audio><br><br>
<p>preload</p>
<audio width="20%" height="20%" controls preload="auto"><!-- auto,matadata,none -->
<source src="BOL DO NA ZARA.mp3" type=audio/mp3>
</audio><br><br>
<p>Simple Video</p>
<video width="20%" height="20%" controls>
<source src="Downtown.mp4" type=video/mp4>
</video><br><br>
<p>Autobuffer</p>
<video autobuffer width="20%" height="20%" controls>
<source src="Downtown.mp4" type=video/mp4>
</video><br><br>
<p>poster</p>
<video width="100%" height="100%" controls poster="lam.jpg">
<source src="Lahore.mp4" type=video/mp4>
</video>
</body>

</html>

Output





Comments

Post a Comment

Popular posts from this blog

Write A Program To Print Hello World Using Lex

Image
  How to write lex program ? first write a lex program in notepad then save with .l extension. next step is open cmd(Command prompt) then open directory in which your program is saved. then 3 step to run lex program let's see flex filename.l gcc lex.yy.c a.exe Code %{ #include<stdlib.h> %} %% ("hi"|"HI")"\n" {printf("\nHello Sir,Good Morning\n");} ("bye"|"BYE")"\n" {printf("\nBye, Take Care\n");} . {yyerror();} %% int main() { yylex(); return 0; } int yywrap(void) { return 0; } int yyerror(){ printf("Enter hi,HI,bye or BYE"); }
Read more

Create a Student registration form using following tags form,input,textarea,button,select,optio. The registration form must consist of following information: first name,Middle name,last name, gender(use radio button),address,phone no,email id,hobbies(use checkbox),city,state,country,collage name (use dropdown menu).

Image
  Code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Student Registration Form</title> </head> <body> <h1>Parul Registration Form</h1> <form action="home.html"> <label>First Name:</label><br> <input type="text" name="name"><br><br> <label>Middle Name:</label><br> <input type="text" name="name"><br><br> <label>Last Name:</label><br> <input type="text" name="name"><br><br> <label>Gender</label><br> <input type="radio" name="Gender" value="male">Male <br> <in...
Read more