Cross Browser HTML5 video running under IIS 7.5

Nice little monday morning mission today, getting a cross browser HTML5 video running under IIS 7.5.

After googling around a bit to find solutions, I noticed nobody had an IIS specific fix up and about so I thought I’d throw one up quickly.

Environment -

• Browsers Tested: IE8,IE9, FireFox 3.5, Safari 4, Chrome 8, and an iPhone 4.
• IIS 7.5

Video Formats -

• m4v,
• mp4,
• webm,
• ogg,
• wmv,
• swf fallover.

Notes -
The order of your markup matters, some browsers will only play the first one. I placed mine in the above order.

Secondly, Add in the MIME Types.

Under IIS 7+ this is found under Website -> IIS -> MIME Types, and you’ll want to add:

File name extension / MIME type:

• .webm  –     “video/webm”
• .ogg -           “application/ogg”
• .ogv -           “video/ogg”
• .mp4-           “video/mp4″
• .m4v -           “video/m4v”

And thats about it, after this the videos I wanted, started working, if this doesn’t work for you, the only other thing I tried was turning off Compression under Website -> IIS -> Compression, and unchecking “Enable dynamic content compression”, and “Enable static content compression”.

Good Luck!