JRQ
JRQ

Reputation: 545

HTML5 Video element in IE 11

I recently upgraded a site to play all its videos using the <video> element. It's a simple, static HTML site, with some minor javascript to load videos into the <video> element.

Everything works fine from the the file system, but once I deploy it, it works in all my test browsers except in Internet Explorer 11 with the error message

Error: Unsupported video type or invalid file path

I could understand if it didn't work in IE from the file system as well, but it's only from the web.

<div id="video_plate" style="width: 760px; height: 546px;">
    <video id="video1" style="width: 720px; height: 486px;" src="videos/test.m4v" controls="">
     Your browser does not support the video tag.
     </video> 
     <div id="video_title">Test</div>
     <div id="video_title2">Bob Test</div>
</div>

Upvotes: 0

Views: 9170

Answers (2)

JRQ
JRQ

Reputation: 545

Looks like this is an issue with Windows 7 and IE 11. By default, IE 11 is configured with protected mode ON in the Internet Options > Security settings. This blocks videos from playing using the video element. Turn protected mode OFF, and the video plays properly, without the vague, and less than helpful error message.

Upvotes: 3

ScaisEdge
ScaisEdge

Reputation: 133370

You can check the level of supporting video type for Explorer 11 (and for the other brower ) with canuse http://caniuse.com/#feat=video In sub- features You can see also the specific type of supported video format

     WebM video format not supported 
     MPEG-4/H.264 video format       ** supported **
     Ogg/Theora video format not supported 
     WebVTT - Web Video Text Tracks

no other Only mpeg4 seems supported for IE11

Upvotes: 1

Related Questions