PROGRAMMING: HTML (Show 2 videos ) 2nd year/Tri-3rd sem

First note pad
Notepad name : Show.html

<html>
<body>
<body background="a.jpg">
< background-repeat: no repeat;>
<CENTER>
<br>
<a href="B1.html"><img src="x1.png" width="223" height="226"></a><br>
<a href="C1.html"><img src="x2.png" width="223" height="226"></a><br>
<a href="about.html"><img src="x3.png" width="223" height="226"></a><br>
<br>
<br>
<br>
</CENTER>
</html>

Second notepad
Notepad name : B1.html

<html>
<body>
<body background="b.jpg">

<br>
<br>
<br>
<br>
<div style="text-align:center">
<button onclick="PlayPause()"> Play/Pause </button>
<button onclick="makeBig()"> Big </button>
<button onclick="makeNormal()"> Normal</button>
<button onclick="makeSmall()"> Small </button>

<br>
<video id="video1"width="420">
<source src="gen.mp4" type="video/mp4">
Your browser does not support videos of this type.
</video>
</div>
<script>

var myVideo=document.getElementById("video1");
function PlayPause(){
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function makeBig()
{
myVideo.width=960;
}
function makeNormal()
{
myVideo.width=620;
}
function makeSmall()
{
myVideo.width=420;
}
</script>
<br>
<br>
<center>
<a href ="Show.html"><img src="x4.png" width="223" height="226"></a><br><br>
</center>
</body>
</html>

Third notepad
Notepad name : C2.html

<html>
<body>
<body background="c.jpg">

<br>
<br>
<br>
<br>
<div style="text-align:center">
<button onclick="PlayPause()"> Play/Pause </button>
<button onclick="makeBig()"> Big </button>
<button onclick="makeNormal()"> Normal</button>
<button onclick="makeSmall()"> Small </button>

<br>
<video id="video1"width="420">
<source src="gene.mp4" type="video/mp4">
Your browser does not support videos of this type.
</video>
</div>
<script>

var myVideo=document.getElementById("video1");
function PlayPause(){
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function makeBig()
{
myVideo.width=960;
}
function makeNormal()
{
myVideo.width=620;
}
function makeSmall()
{
myVideo.width=420;
}
<br>
<br>
<br>

</script>
<center>
<a href ="Show.html"><img src="x4.png" width="223" height="226"></a><br><br>
</center>
</body>
</html>

fourth notepad
Notepad name : About.html

<html>
<body>
<body background="f.jpg">

<head>
<title>GENE LIZA CORDOVA</title>
</head>
<center><img src="e.jpg" width="500" height="600"></center>
<CENTER>
<h1>GENE LIZA CORDOVA</h1>
</CENTER>
<CENTER>
<br>
AGE: 18 years old
<br>
BIRTHDAY: July 24, 1996
<br>
SCHOOL: AMACC
<br>
ADDRESS: Blk. 21 lot.6 Villa La Prinza Calamba Laguna
<br>
<br>
<br>
<br>

<center><a href ="Show.html"><img src="x4.png" width="223" height="226"></a><br><br></center>
</CENTER>
</body>
</html>

NOTE:
http://en.savefrom.net/

Name of the Picture : a.jpg