Why does an embedded ogg video work on localhost, but not on the web server?

Question

I have an ogg video which works just fine using the video tag when I run it on localhost in either Chrome or Firefox. However, when I try running the page on the server, the video player controls show up, but not the video.

I know the video is up on the server, because I have a download link that works which has the same exact path.. I'm at a loss.

<video width="800" controls preload>
   <source src="../VIDEOS/AddUser.ogg" type="video/ogg" />
   <object width="800" type="video/ogg" data="../VIDEOS/AddUser.ogg">
     <object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="player" width="800" height="550"><param name="url" value="../VIDEOS/AddUser.wmv" /><param name="src" value="../VIDEOS/AddUser.wmv" /><param name="showcontrols" value="true" /><param name="autostart" value="true" />
        There was an error embedding the video. Please download the video to view.<br>
     </object>
   </object>
</video>

After fiddling around with it for a while, I've discovered that, according to the browser, the video simply isn't there. when I check the server, the file is up. However, when I navigate directly to the file within the browser, I get a file not found error.

Could this be an issue with my web host, or is there some other possible cause?

Answer 1

I saw there is an OGG and a WMV video. Which of them are correct? Maybe you need to upload both the files. If that doesn't work, check if the problem is the relative path: ../ trying to pass the absolute path http://.../ instead.

Answer 2

It's likely that your host needs to add the OGG MIME type to the server.

The MIME type details can be found on http://xiph.org The set up instructions will differ depending on whether the server is Apache or IIS