I've built a Javascript web application which is served from Sharepoint (ie. there is no Sharepoint code at all operating on the web app, it's just some HTML/JS being served from a Sharepoint 2010 Document Library)
I'm displaying HTML5 video and sourcing a file from within the same Document Library, this works absolutely fine on Google Chrome, but if I try with Firefox (or with IE9) then every file I source gets denied twice with an HTTP 401 error before it gets returned with HTTP 200.
The upshot of this is that if I have a very simple HTML file (see below) and run it locally then the video plays fine in all browsers, if I upload the HTML and the video to my company's sharepoint server (into a document library) then it won't load in IE or Firefox - but works fine in Chrome!
<html>
<body>
<video>
<source src="localvideo.webm" type="video/webm">
</video>
</body>
</html>
If I change the source element to reference a video file on a different server then it, again, works fine so this must be a problem with the way Sharepoint is serving files. Does anyone have any advice on how to work around this problem? Either in Sharepoint or in JS? There is no chance of me being able to edit anything above a site owner's privileges.