HTML5 video doesn't work in Firefox and IE whe

Question

Maybe somebody had faced with such problem? I just have tried to use Video-JS player. First time I used the following markup:

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" 
        width="640" height="264"
        poster="http://video-js.zencoder.com/oceans-clip.png"
        data-setup="{}">
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
    <track kind="captions" src="captions.vtt" srclang="en" label="English" />
</video>

Everything was ok. Then I downloaded these three files - mp4, webm and ogv, and placed them locally into the directory of my site. Markup:

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" 
  width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup="{}">
      <source src="/Content/Images/Data/Media/oceans-clip.mp4" type='video/mp4' />
      <source src="/Content/Images/Data/Media/oceans-clip.webm" type='video/webm' />
      <source src="/Content/Images/Data/Media/oceans-clip.ogv" type='video/ogg' />
      <track kind="captions" src="/Scripts/video-js/captions.vtt" srclang="en" 
            label="English" />
</video>

Now it works fine in Chrome, but doesn't work in Firefox and IE. Before I tried to use the other HTML5 player - Leanpack, and I had faced with the same behaviour. What is cause of problem?

Answer 1

Add the absolute path to the mp4 file and IE9 will play it. See answer on video.js help guide from Jonas

Answer 2

Change the file extension from .ogv to .ogg. It works well.

Answer 3

Your server (even if it's localhost) needs to be set up to provide the correct mime types or the fussier browsers won't play back the files. See dive into html5 for more information.