Is this video-js code correct?

[Chrisj]

 I have video-js code on a web page like this:

<video id="video2" class="video-js vjs-default-skin" controls preload="auto" width="140" height="120"
poster="/video/countdown.jpg" data-setup="{}">
<source src="/video/vid1.mp4" type='video/mp4' />
</video>

Do you see anything wrong with this code?

I have that code several times on the same page. It all plays successfully in Chrome, but in IE11 while a few players play their video(self-hosted),
I see this "The video player aborted due to corruption problem or because the video used features your browser did not support"

And in Firefox 37.0, I see this:
"A network error caused the video download to fail part-way".

The code in the header is

<link href="/video-js/video-js.css" rel="stylesheet">
<script src="/video-js/video.js"></script>
<script>videojs.options.flash.swf = "/video-js/video-js.swf"</script>

I suspect something simple in the code is a bit off.

Do you know the solution? I look forward to any comments/insight/solutions.

 

 

[Codarz360]

I believe this maybe due to the fact that you need to provide different formats of the video files you are trying to play.
 
E.G:

    <source src="example.vid" />
    <source src="example.mp4" />
    <source src="example.webm" />
    <source src="example.ogg" />