Problème Chargement Vidéo HTML5 avec IE8

Bonjour

Je cherche à intégrer une vidéo sur un site web que j'ai construit avec Dreamweaver CS6. Avec mon code, la vidéo est lisible avec Firefox (20.0, Mac), Chrome (26.0.1410.65, Mac), Safari (6.0.4), Androïd (4.0.3), iPad et iPhone (iOS 6), mais comme le nom du topic l'indique, j'ai un problème avec IE (tiens donc !). J'ai passé la journée à chercher une solution, une bidouille pour que ça marche, mais là, je m'avoue vaincu.

Je n'ai que IE 8 sous la main (ça tombe bien, il ne prend justement pas en charge la balise <video>), donc je ne peux même pas vous dire si ça marche sous IE9 qui normalement reconnaît cette balise.

Je vous donne les éléments dont je dispose :
- une video au format .mp4(492x360), .m4v(720x480, au cas où), .webm(492x360), .ogv(492x360) et .flv(492x360). Je l'ai créée avec Adobe Premiere Pro CS6 (source des formats mp4, m4v et flv) puis encodée avec Miro Video Converter en webm et ogv.
- une image JPG pour l'attribut poster
- quelques fichiers que je soupçonne Dreamweaver de m'avoir installé à la racine du site quand j'ai voulu intégrer un élément flash :
--->FLVPlayer_Progressive.swf
--->Corona_Skin_1.swf
--->Scripts/expressInstall.swf
--->Scripts/swfobject_modified.js
- deux scripts pour pouvoir lire les vidéos sur Androïd. Le premier : http://html5.kaltura.org/js le second :

<script type="text/javascript">
var video = document.getElementById('fusion');
video.addEventListener('click',function(){
  video.play();
},false);
</script>

Mon code :

<video id="fusion" style="margin: 30px;" controls poster="videos/cellule.jpg" preload="none" width="492" height="360">
		<source src="videos/fusion_ios.mp4" type="video/mp4" />
		<source src="videos/fusion.webmhd.webm" type="video/webm"/>
		<source src="videos/fusion.oggtheora.ogv" type="video/ogg"/>
		
		<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="492" height="360">
			<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
			<param name="allowFullScreen" value="true" />
			<param name="wmode" value="transparent" />
			<param name="flashVars" value="config={'playlist':['videos/cellule.jpg',{'url':'videos/fusion.flv','autoPlay':false}]}" />
			<img alt="Cell" src="videos/cellule.jpg" width="492" height="360" title="No video playback capabilities, please download the video below" />
		</object>
		<p>Format non adapté à votre navigateur !</p>
	</video>

Résultat sur IE 8 : les boutons de contrôle s'affichent, le texte alternatif aussi (!?), mais un message d'erreur apparaît : "303: Failed to load a resource: Unable to load a resource: Error #2036"

J'ai égalément testé un code trouvé dans un tutoriel du site AlsaCréations qui normalement doit en plus prendre en charge les versions < 7 d'IE :

<video width="492" height="360" controls="controls" poster="videos/cellule.jpg">
		<source src="videos/fusion_ios.mp4" type="video/mp4" />
		<source src="videos/fusion.webmhd.webm" type="video/webm" />
		<source src="videos/fusion.oggtheora.ogv" type="video/ogg" />
 		<object type="application/x-shockwave-flash" width="492" height="360" data="videos/fusion.flv">
  			<param name="movie" value="videos/fusion.flv" />
  			<param name="wmode" value="transparent" />
 
  			<!--[if lte IE 6 ]>
   				<embed src="videos/fusion.flv" type="application/x-shockwave-flash"  allowscriptaccess="always" allowfullscreen="true" width="492" height="360">
   				</embed>
  			<![endif]-->
  		<p>Vous n'avez pas de navigateur moderne, ni Flash installé... suivez les liens ci-dessous pour télécharger les vidéos.</p>
 		</object>
	</video>

Résultat sur IE 8 : Rien -_-

Pour information : ma page HTML et tous mes fichiers sont sur un Mac OS X Server.
Je suis persuadé qu'il s'agit d'une coquille dans mon code, ou bien que j'ai oublié un paramètre, un attribut ou un script. Mais mes yeux de novice ne voient rien.
Je m'en remets donc à votre expertise.

Merci beaucoup