How Do I Get A Html5 Video To Work Using Ie10

June 25, 2024 Post a Comment

I am hoping someone has an idea on what I can do to help me play HTML5 videos on my local intranet. My Web server= Windows Server 2008 R2 Standard 64bit IIS version= IIS7 Test User

Solution 1:

Make sure you set the web server to use a MIME type video/mp4 for .mp4. I accidentally set .mp4 to use MIME type video/mpeg, the video plays in Chrome, but not in IE11.

Also you need to make sure the video uses H264 video codec and AAC audio codec

Solution 2:

I just had a similar problem, my own site HTML5 did not work at all. No error message just blank.

The reason was Windows7 N (EU - no media player).

After installing the Windows Media Player, this (and also other problems) are fixed. I hope it helps :)

Solution 3:

It doesn't look like it works in Win7+IE10 for some reason. Everything else looks good. Tested against the following pages, which includes ie.microsoft.com test.

http://ie.microsoft.com/testdrive/graphics/videoformatsupport/default.html http://www.w3.org/2010/05/video/mediaevents.html

Win7 IE9 – OK

Win7 IE10 – nope

Win8 IE10 – OK

Win7 IE11 – OK

Win8 IE11 – OK

BrowserStack screenshots for the MS test page. http://www.browserstack.com/screenshots/9083c865675d0821ee8b1030a43da5fd36bff469

Solution 4:

I don't have IE10 installed, however, according to caniuseit, mp4 is supported in IE9 and 10.

The following html works for me in IE9 & Chrome, note your video file must be in the same folder as your html page on the server (in this example).

<!DOCTYPE html><html><body><videosrc="abc.mp4"width="640"height="480"preloadcontrols></video></body></html>

Edit: I have installed IE10 and can confirm the above works there too.

Edit: Since Firefox does not support mp4, and older browsers do not support video natively at all, it is better to provide multiple sources (formats), and fall back, usually to a flash player.

<!DOCTYPE html><html><body><videowidth="640"height="480"preloadcontrols><!-- mp4 supported by Chrome & IE9/10 --><sourcesrc="abc.mp4"type="video/mp4"></source><!-- webm supported by Firefox --><sourcesrc="abc.webm"type="video/webm"></source><!-- last element in video is fall back for native video support, usually a flash player --><objecttype="application/x-shockwave-flash ...>
                <!-- last element flash player is usual fall back for flash support, usually some "notsupportedtext" --><div>
                Your browser does not natively support flash and you do not have flast installed.
            </div></object></video></body></html>

Solution 5:

Maybe you have video card driver problem as mentioned in Cannot play neither IE10 HTML5 video nor Modern UI apps video.

Disable GPU rendering in IE as:

Internet Options > Advanced > Accelerated graphics > Use software rendering instead of GPU rendering

And see if it works.

Html5 Guide