Hey, So im a self taught web designer. I may be making an amateur mistake, but i cannot figure this out. I have the video loading in Chrome and Firefox, but not in safari. The video source link will open and play the video in safari, but not when its in the body of my site.

webpage: http://juliecorbett.com/html/withdad.html

Video Tag:
<div id="mainn">

<video width="700" height="401" controls="controls">
<source src="../movies/2011/PVS_Going to Work with Dad_HD_Final.mp4" type="video/mp4" />
<source src="../movies/2011/Pvs Going To Work With Dad Hd Final.ogv" type="video/ogg" />
<source src="movie.webm" type="video/webm" />
<object data="movie.mp4" width="700" height="401">
<embed src="../movies/2011/PVS_Going to Work with Dad_HD_Final.swf" width="700" height="401" />
</object>
</video>


</div>



Entire Source:

<head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<title>Julie Corbett</title>


<style type="text/css">



body {
margin: 0px 20px 0px 20px;
background color:#FFFFFF;
color: #000;
background-position: 0px 0px 0px 0px;
font:Georgia, "Times New Roman", Times, serif;
text-align:center;
}


#menu {
float:float;
width: 140px;
hight: 500px;
margin: 75px 0px 0px 20px;
font:Georgia, "Times New Roman", Times, serif;
position:absolute;
}

#main {
width: 821px;
height: 520px;
text-align:center;
margin:0 auto;
background-image:url(../images/index/videobckg.jpg);

}


#mainn {
width: 821px;
height: 520px;
text-align:center;
position:absolute;
padding-top:60px;
}

#mainnn {
width: 821px;
height: 400px;
text-align:center;
position:absolute;

}

#corpvid {
width: 409px;
height: 220px;
text-align:center;

}

#docvid {
width: 409px;
height: 220px;
text-align:center;
left: 432px;
top: 630px;
}

#copywrite {
width: 200px;
hieght: 25px;
float:right;

}

#maine {
width: 821px;
height: 240px;
text-align:center;
margin:0 auto;
}


img {
border: 0pt;
}

body a {
text-decoration:none;
color: #999999;
border: none;
}


#loading {
position:absolute;
width:100%;
text-align:center;
top:300px;
}

div#page_loader {
position: absolute;
top: 0;
bottom: 0%;
left: 0;
right: 0%;
background-color: white;
z-index: 99;
}


</style>







</head>






<body>



<br />



<center>

<span style="font-size:36px; color:#666666;">

{<em><a href="../index.html">CORBETT CONSULTING</a></em>}

</span>

</center>


<span style="font-size:12px; color:#666666">

~ [<a href="projects.html">PROJECTS</a>-&gt;<span style="color:#000000"><strong>GOING TO WORK WITH DAD</strong></span>]

~ [<a href="creativeteam.html">CREATIVE TEAM</a>] ~ [<a href="info.html">INFO</a>]

~

</span>

<br />

<br />

<br />


<div id="main">


<div id="mainn">

<video width="700" height="401" controls="controls">
<source src="../movies/2011/PVS_Going to Work with Dad_HD_Final.mp4" type="video/mp4" />
<source src="../movies/2011/Pvs Going To Work With Dad Hd Final.ogv" type="video/ogg" />
<source src="movie.webm" type="video/webm" />
<object data="movie.mp4" width="700" height="401">
<embed src="../movies/2011/PVS_Going to Work with Dad_HD_Final.swf" width="700" height="401" />
</object>
</video>


</div>

</div>






<br />

<center>
<span style="bottom:0; font-size:14px; color:#999999" ;=";"><br />
Copyright © 2012 By Julie Corbett.
</span>
</center>
<br />

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>


</html>