HTML 5 Video not working on IE9

Question

Why video on this page and this page working in all browser but not in Microsoft Internet explorer 9?

Any fix for it?

This video is not playing on My IE 9.0.8112.16421

My OS is Windows 7 64 bit

Answer 1

Some versions of IE9 require an absolute path to the video file for some reason.

For example:

<video poster="big_buck_bunny/poster.jpg" controls>
  <source src="http://www.example.com/big_buck_bunny/trailer.mp4" type="video/mp4" >
  <source src="http://www.example.com/big_buck_bunny/trailer.webm" type="video/webm">
</video>

Answer 2

The MIME type returned by the server is also quite important as Jason Dorell said.

I was using <video> tag on a website and while writing it in localhost everything worked perfectly. Once uploaded into the server, the <video> stopped working only in IE (Firefox and Chrome still worked fine).

After digging a bit into it, I simply added AddType video/mp4 .mp4 into the .htaccess file and that solved the problem.

Answer 3

the problem maybe the type of file try with this:

<video poster="big_buck_bunny/poster.jpg" controls>
  <source src="big_buck_bunny/trailer.mp4" type="video/mp4" >
  <source src="big_buck_bunny/trailer.ogg" type="video/ogg" >
  <source src="big_buck_bunny/trailer.webm" type="video/webm">
</video>

big_buck_bunny/trailer.* is your video

Answer 4

Make sure the content type being returned from the server is "video/mp4"

Answer 5

It could also be an error in the compatibility detection : Just a theory =X

Taken from: videojs: main.js (line 249-255)

// Check if the browser supports video.
browserSupportsVideo: function() {
    if (typeof VideoJS.videoSupport != "undefined") { return VideoJS.videoSupport; }
    VideoJS.videoSupport = !!document.createElement('video').canPlayType;
    return VideoJS.videoSupport;
}

Cause the fallback to flash is i believe, quite reliable, after this detection. I do not have IE 9.0.8... : So you could give this code a run, to see if this is true/false

var test = function() {
    return (!!document.createElement('video').canPlayType);
}

If this is true, i may consider forking the file : And adding a fail for IE 9.0.8...

It would not surprise me if IE did a half-hearted video support halfway : And this means of detection broke, in the process.

Answer 6

I have exactly the same issue. The two example pages you linked to let me click the play button which then changes to a pause button but the videos do not play.

The java script i tried to help track down the issue returns null. alert(document.getElementsByTagName("video")[0].error);

I did stumble upon this though: I'm using the N distribution of Windows 7 64Bit. This msdn page suggests that the reason that my IE9 will not play video is that my distribution of windows did not come with media player or "Media Features" is turned off.

Hope this helps.

Answer 7

If it's still not working here's what may certainly be a solution: encode the mp4 with compression format H.264. If you encode it with format mpeg4 or divx or else it will not work on IE9 and may as well crash Google Chrome. To do that, I use Any Video Converter freeware. But it could be done with any good video tool out there.

I've been trying all solutions listed here and tried other workaround for days but the problem lied in the way I created my mp4. IE9 does not decode other format than H.264.

Hope this helps, Jimmy

Answer 8

Sometimes the problem could be in the installed video codecs, and different browsers may play video in different ways (from the point of inner implementation).

Try to install e.g. K-Lite codec pack and see what happens.

p.s. those videos work fine on my Win 7 x64 within IE9 x86 and IE9 x64

Answer 9

In IE9 There is no flash video but a HTML5 <video> element used, it tries to load:

http://www.bodhibikes.com/_/video/WELCOME_TO_BODHI_840_472.mp4

And that fails somehow. You should specify a correct videoformat for both IE/Chrome?etc...