IE10 not playing a video when using the <video> tag, but plays it when requesting the video directly

Question

I have a webpage with a tag on it with the following markup:

Answer 1

Now it is very easy to update mime type for your videos on amazon s3,

Just login and navigate to your file, under preferences you will see metadata, there you can edit content-type

Save it and reload your page.

Answer 2

I would check whether the mime-type is correctly being returned for the file.

Chrome will play correctly regardless of the MIME Type returned.

To check:

1. Press F12 to display the IE Tools Window/Pane.
2. Go to the Network Tab
3. Click Start Capturing
4. Browse to the page in question
5. Find the mp4 line
6. If the Type is displayed as application/octect-stream then this is your issue.

Answer 3

If it directly plays find when you put the .mp4 URL into the browser make sure it's not running with the Quicktime plugin which you may have installed (especially if you use iTunes). Right click on the successfully playing video to rule that out. If it comes up with menu items related to Quicktime you may want to disable Quicktime plugin in adins and continue troubleshooting.

Sample MP4 video: http://www.w3schools.com/html/mov_bbb.mp4

Answer 4

Make sure you set the web server to use MIME type video/mp4 for .mp4. I accidentally set .mp4 to use MIME type video/mpeg, the video plays in Chrome, but not in IE11.

Answer 5

I had this same issue which was a real pain in the ass. My solution was actually quite simple (after searching on the internet for about 4 hours).

Add this line (specific for IE) to your .htaccess file.

AddType video/mp4 .mp4 .m4v

Answer 6

I had the same issue with IE 11 and the problem was the content type was application/octect-stream as stated by csmith. I was serving my videos from Azure storage and apparently that is the default content type.

You can change the type with Azure storage or using Azure api as shown in the post

Set Content-type of media files stored on Blob

Here is a guide for people on Amazon cloud (I did not test it)

Changing content type for Amazon