html5 video mp4 works in safari but not ie9

Question

I'm having an issue with ie9 and mp4 videos. If I open the page in Safari the mp4 videos work fine but they won't load in ie9. I'm out of ideas as to what it might be.

On my local windows machine the html5 videos play fine, once the pages go to the live server they no longer work. Opera and Firefox are working fine with the OGG format. Safari plays the .mp4 format but IE will not. Internet explorer is the only browser that is acting odd.

I thought it was a Mime Type issue except that Safari works with the server side .mp4 file.

Iv looked into it being a Doctype issue, except the doctype on the live site is the same as it is on my local. I'm running out of ideas as to what could be causing this.

          <video webkitSupportsFullscreen='false' width="960" height="640">
            <source id="mp4" src="/videos/video.mp4" type='video/mp4' />
            <source src="/video/video.ogg" type="video/ogg" />
            <source src="/video/video.webm" type="video/webm" />
            <img src="/images/screenshot.jpg">
        </video>

Cyril F Cyril F · Accepted Answer · 2013-01-12T04:07:32

HTML5 Please recommand using a polyfill for this.

So you can use this one : http://mediaelementjs.com/

Note: Are you sure your DOCTYPE respect the HTML5 syntax as following :

<!DOCTYPE html>

html5 video mp4 works in safari but not ie9

3 Answers