HTML 5 Video Doesn't Work on IE9

Question

Why does the video on this page and this page work in all browsers, but not in Microsoft Internet explorer 9?

Any fix for it?

This video does not play on My IE 9.0.8112.16421

My OS is 64-bit version of Windows 7

Answer 1

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

For instance:

<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 very important, as Jason Dorell said.

I used the <video> on the website, and when writing it in localhost everything worked fine. After uploading to the server, <video> stopped working only in IE (Firefox and Chrome still worked fine).

After digging into it, I just added AddType video/mp4 .mp4 to the .htaccess file and solved the problem.

Answer 3

The problem may be that the file type is trying 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. * - this is your video

Answer 4

It could also be a mistake in detecting compatibility: just theory = X

Taken from: videojs: main.js (lines 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; } 

The reason for the return to flash memory, I believe, is quite reliable after this discovery. I don't have IE 9.0.8 ...: So you could run this code to make sure it is true / false

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

If this is true, I can consider forcing the file: And adding a crash for IE 9.0.8 ...

I would not be surprised if IE made half-way support for the video halfway: And this detection tool broke down in the process.

Answer 5

I have exactly the same problem. The two pages that you linked to allow me to press the play button, which then changes to the pause button, but the videos do not play.

java script I tried to help track the problem, returns null. Alert (document.getElementsByTagName ("video") [0] .error);

I came across this though: I am using N distribution of Windows 7 64Bit . This msdn page assumes that the reason my IE9 doesn't play videos is because my windows distribution didn't have a media player or "Media Features" turned off.

Hope this helps.

Answer 6

If it still does not work, which could certainly be the solution: encode mp4 with H.264 compression. If you encode it using mpeg4 or divx format, otherwise it will not work in IE9 and may also lead to the crash of Google Chrome. For this, I use the free Any Video Converter software. But this can be done with any good video tutorial.

I tried all the solutions listed here and tried other workarounds for a few days, but the problem was how I created my mp4. IE9 does not decode a format other than H.264.

Hope this helps, Jimmy

Answer 7

Verify that the content type returned from the server is "video / mp4"

Answer 8

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

Try installing, for example. K-Lite codec and see what happens.

ps these videos work fine on my Win 7 x64 in IE9 x86 and IE9 x64

Answer 9

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

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

And this is not so. Do you need to specify the correct video format for IE / Chrome? Etc.