Question:
In this blog Post I am going to explain you how we can solve the below handson.
Embed a video in your HTML5 page with a width of '320' and height of '200' with controls displayed. Now, try to do the following:
Creating 3 videos
Auto-reply the first video
preload the second video
Display image while the third video loads.
Question is provided in the snip below:
.........................................................................................................................................
Answer:
Code inside the index.html is provided below :
Code inside the index.html is provided below :
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="favicon.png" type="image/png">
<title>Destiny</title>
<link href="mystyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<video controls autoplay>
<source src="video.mp4">
</video>
<video controls preload="none" >
<source src="video.mp4">
</video>
<video controls poster="https://cdn12.picryl.com/photo/2016/12/31/lego-stones-plastic-education-8b9a7d-1024.jpg" >
<source src="video.mp4">
</video>
</body>
</html>
Comments
Post a Comment