Every browser, with exception of Chrome will not properly display my HTML5 video. http://cordeck.ba.lightburncloud.com/test-video
Here is my markup:
<video class="video-js vjs-default-skin" controls="" autoplay="" preload="auto" data-setup="{}">
<source type="video/ogg" src="/files/videos/sample.ogg">
</video>
Firefox, for instance, displays the following message within my video box:
No video with supported format and MIME type found
In the error console, I get the following message:
HTTP "Content-Type" of "image/ogg" is not supported. Load of media resource http://http://cordeck.ba.lightburncloud.com//files/videos/sample.ogg failed.
To my knowledge, image/ogg type does not exist, nor do I use it in my site. What gives?
This issue was resolved. Apparently the CMS serving up the image was attaching its own MIME types and storing them alongside the file in the database.
The web server was sending the correct type, but getting overridden by a third party app.