It wasn't necessary to make it .php...all i have to do is center it...
i used include ("preview.htm"); in my index.php but i want it centered....
Can anyone correct if it has errors and make the video player centered plz?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- must have -->
<script src="jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="js/vp1_html5.js" type="text/javascript" charset="utf-8"></script>
<link href="css/vp1_html5.css" rel="stylesheet" type="text/css">
<!-- must have -->
<!-- preview -->
<link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
<link href="preview_css/preview.css" rel="stylesheet" type="text/css">
<!-- preview -->
<script>
$(function() {
$('#vp1_html5_giant').vp1_html5_Video({
skin: 'giant',
seekBarAdjust:390,
movieTitle: 'Archectypo Theme Movie',
movieDesc: 'Description.'
});
});
</script>
</head>
<body bgcolor="#d4d4d4">
<div id="page-wrap">
</div>
<div align="center">
<video id="vp1_html5_giant" width="922" height="519" preload="auto" poster="videos/prevGiant.jpg">
<source src="videos/big_buck_bunny_trailer.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="videos/big_buck_bunny_trailer.ogv" type='video/ogg; codecs="theora, vorbis"' />
<source src="videos/big_buck_bunny_trailer.webm" type='video/webm; codecs="vp8, vorbis"' /><
</video>
</div>
</div>
</body>
</html>