<html>
<head>
<meta charset="utf-8">
<title>Video and audion controls</title>
<style>
body
{
margin:0 auto;
padding:0px;
background-color:#F00;
}
#wrapper
{
width:80%;
margin:0 auto;
height:900px;
background-color:#FFF;
border:1px solid black;
}
header
{
width:100%;
height:100px;
background-color:#CCC;
margin-bottom:100px;
}
</style>
</head>
<body>
<div id="wrapper">
<header>
<DIV style="WIDTH:300PX;HEIGHT:100%;">
<img style="width:200px;height:100%" src="img/you.png"/>
</DIV>
</header>
<div style="WIDTH:100%;HEIGHT:500px; margin:0 auto; border:1px solid black ">
<video controls style="width:100%;height:100%">
<source src="video/carvideo.mp4" type="video/mp4" >
</video>
</div>
<div style="WIDTH:100%;HEIGHT:auto; margin:0 auto; border:1px solid black ">
<video controls style="width:25%;height:200px">
<source src="video/carvideo.mp4" type="video/mp4">
</video>
<video controls style="width:24%;height:200px">
<source src="video/carvideo.mp4" type="video/mp4">
</video>
<video controls style="width:24%;height:200px">
<source src="video/carvideo.mp4" type="video/mp4">
</video>
<video controls style="width:24%;height:200px">
<source src="video/carvideo.mp4" type="video/mp4">
</video>
</div>
</div>
</body>
</html>