IE10 "Error: Unsupported video type or invalid file path" when specifying codecs="H.264, AAC" on video source element type attribute


  • I have a page that contains the (X)HTML5 elements:
    <video controls="controls" height="320" poster="demo.png" width="480">
    <source src="demo.mp4" type='video/mp4; codecs="H.264, AAC"'/>
    <source src="demo.webm" type="video/webm; codecs=&quot;vp8, vorbis&quot;"/>
    <source src="demo.ogv" type="video/ogg; codecs=&quot;theora, vorbis&quot;"/>
    When I load the page in Windows 8 Consumer Preview using Firefox, Chrome, Opera and Safari, the video loads and plays fine.  When I load it with Internet Explorer 10 Consumer Preview (IE 10.0.8250.0 Pre-release KB2650043), The poster displays with the following error on the bottom:
        Error: Unsupported video type or invalid file path
    If I change the first source element to remove the codecs parameter as follows, then it plays successfully:
    <source src="demo.mp4" type='video/mp4'/>
    If I change it to remove the type attribute completely, it still works fine:   
     <source src="demo.mp4"/>
    The type attribute's codecs parameter is defined here:
    I believe that this is a problem in IE 10's handling of the type attribute, no?
    Wednesday, April 18, 2012 2:14 PM


All replies