I am new to coding and really struggling. I have created a page and want to include a video. The video plays fine in safari, firefox and chrome but not in Internet explorer. Please have a look at my code to see if I have made a silly mistake.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Recycle For Southend</title>
<meta name="description" content="Website descriptive description." />
<meta name="keywords" content="keywords, comma, separated, here" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<?php include("ssi/shim.php"); ?>
<?php include("ssi/google-analytics.php"); ?>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<?php include("ssi/header.php"); ?>
<nav id="main-nav">
<ul>
<li><a href="index.php" title="Home" class="currenttop" tabindex="2">Home</a></li>
<li><a href="show-support.php" title="Show Your Support" tabindex="3">Show Your Support</a></li>
<li><a href="recycling-champions.php" title="Recycling Champions" tabindex="4">Recycling Champions</a></li>
<li><a href="kerbside-recycling.php" title="Kerbside Recycling" tabindex="5">Kerbside Recycling</a></li>
<li><a href="resources.php" title="Resources" tabindex="6">Resources</a></li>
<li><a href="contact.php" title="Contact" tabindex="8">Contact</a></li>
</ul>
<?php include("ssi/menubar-constants.php"); ?>
</nav>
<video id=0 controls width="580" height="336">
<source src="http://www.recyclinginsouthend.org/video/recyclinginsouthend_4_-1.ogv" type='video/ogg; codecs="theora, vorbis"'/>
<source src="http://www.recyclinginsouthend.org/video/recycleinisouthend.webm" type='video/webm' >
<source src="http://www.recyclinginsouthend.org/video/recyclinginsouthend_02.mp4" type='video/mp4'>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="500">
<param name="movie" value="db.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="11.0.0.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../../Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="db.swf" width="580" height="336">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="11.0.0.0">
<param name="expressinstall" value="../../Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</video>
<script src="../../Scripts/swfobject_modified.js" type="text/javascript"></script>
</div>
<div id="main-content-area">
<article id="main-text-area">
<hgroup>
</article>
</div>
</div>
</div>
<?php include("ssi/footer.php"); ?>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36842435-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
