So, I am building a very video project with self-service videos in HTML5. I have my videos encoded in H.264 / AAC MP4 and WebM formats and they work great in Chrome, Firefox, Safari, Mobile Safari, etc. Things are good.
This is the most basic version of my code (in the workplace I run it with VideoJS from above, however, whether there or not, this problem occurs, so I removed the code for it from this example):
<video preload="true" width="720" height="406" controls="true"> <source src="/55.mp4" type="video/mp4"> <source src="/55.webm" type="video/webm"> </video>
But Internet Explorer refuses to play the ball. When I load a page in IE 11, I just get a video decoding error:

In the tools of the Internet Explorer developer, I see that it receives the content type of the video / mp 4 and simply completely eliminates the server problems that I tried, both in the local Apache installation and in my web hosting. If I use the console to get a playback error , I get MEDIA_ERR_DECODE : 3 , which, according to the site I just contacted, means
An error occurred while decoding the media resource after the resource was created for use.
This tells me there is a problem with the video encoding ... but I do not see this.
Video files were originally exported as QuickTime movies from Adobe Premier or Final Cut Pro (I'm not sure what the video guy is using), and then run Miro Video Converter to output MP4 and WebM formats. When I open MP4 files in VLC, it shows me the following information about the codecs used:

I do not see anything wrong there; it looks exactly the same as every link I found on the Internet says that MP4 video should be for maximum compatibility - H.264 / AVC video and AAC audio.
Can someone see something wrong with what I'm doing? I would like you to be able to post a sample video, but I cannot because of privacy concerns. Anyway, any help would be greatly appreciated.
html5 internet-explorer video mp4
jono_hayward
source share