<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style id="owaParaStyle">P {
MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
</style>
</head>
<body fPStyle="1" ocsi="0">
<div style="direction: ltr;font-family: Tahoma;color: #000000;font-size: 10pt;">
<p>I have a strange problem with the HTML5 video element. I have tested it in several browsers including IE9 and it all works fine when I run the webpage with the video locally.</p>
<p>But when I upload it to a webserver and run it from there I see the problem that the video won't work in IE9 on two out of three webservers.</p>
<p> </p>
<p>One of them does not display the video at all and when I try to refer to the video object via getElementById("video") i get a JavaScript error saying "Object not supporting this method or property"</p>
<p><a href="http://www.itu.dk/~dinesen/project2012/test/html5/video.html">http://www.itu.dk/~dinesen/project2012/test/html5/video.html</a></p>
<p> </p>
<p>The other server displays just a black box with a red crosss and gives me a MEDIA_ERR_SRC_NOT_SUPPORTED error.</p>
<p><a href="http://gerk.dk/video/html5/video.html">http://gerk.dk/video/html5/video.html</a></p>
<p> </p>
<p>Does anybody have an idea of what the problem could be? Does the server need anything to allow the browser to play video?</p>
<p> </p>
<p>Thx</p>
<p>Grus</p>
<p> </p>
</div>
</body>
</html>