I am learning how to play videos on my web site. Below is some code that when run it show the page but it does not play. I am trying to come up with something that will play on
the four major browsers with the least amount of trouble on my part. I have read about 20 or 30 tutorials and I want write the code for the largest audience possible. I know there are many players out there and I am trying to hone in the the player or players that most people are likely to have. The code below uses quicktime. This may not be the best way to go. Any help or suggestions would be appreciated.


Texas Pete

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>
<title>Chicken Lick'en Good!</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta name="description" content="Chicken Little Know How" />
<meta name="keywords" content="None" />
<meta name="Author" content="Chicken Little" />
<meta name="Generator" content="ChickenLittle" />
<style type="text/css" >
h1,h2,h3,h4,h5,h6 {text-align:center;display:none }
* {margin:0px;padding:0px}
body {background-color:rgb(255,255,255) ;}
body {font-size:100%;width:100%;height:100%}
body {display:block;position:absolute;visibility:visible;cursor:auto}
p {letter-spacing:normal;white-space:normal;text-align:left;letter-spacing:0em;word-spacing:0em} 
#id1CkN{position:absolute;left:100px;top:300px;width:800px;height:400px;z-index:1;background-color:rgb(253,251,153);border:3px;border-style:solid;border-color:rgb(123,148,255); }
#id1CkN{position:absolute;left:100px;top:300px;width:800px;height:400px;z-index:1}
a:link {color:rgb(249,90,97);}
a:hover {color:rgb(237,145,33);cursor:pointer }
a:active {color:rgb(100,42,255);}
</style>
</head >
<body >
<div id="id1CkN" >
<object data="pictures/planesfireandrescue-tlr2_h720p.mov" id="PlayerZ" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" >
<param name="src" value="pictures/planesfireandrescue-tlr2_h720p.mov" />
<param name="autoplay=" value="false" />
<!--[if !IE]>-->
<embed src="pictures/planesfireandrescue-tlr2_h720p.mov" width="800" height="400"autoplay="false" Controller="true" 
pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>
</div >

</body ></html >