HTML5 video - IE9 won't play mp4 Options

[Doug D at UNC]

I have tried everything I know of to get this video to play in IE9:

http://devonline.northcarolina.edu/lcl/ded...=invite_new.mp4

I tried re-encoding the video. I made sure the mime type is correct.

I tried looking at the value of document.getElementsByTagName("video")[0].error.code, and it returns

MEDIA_ERR_SRC_NOT_SUPPORTED : 4

I have no idea why the video will not play in IE9. Does it work for you in IE? Any suggestions of what to change?

Thanks,
Doug

[jimlongo]

The error indicates the codec is not acceptable to IE9. Other browsers may be more forgiving.

This page on IE9 HTML5 video indicates the video needs to be h.264 or WebM in an mp.4 container, your video appears to be JVT/AVC Coding.

[Frederiek]

Have a look around here:
- http://camendesign.com/code/video_for_everybody
- http://www.hongkiat.com/blog/html5-videos-...u-need-to-know/
- http://www.longtailvideo.com/html5/

[Doug D at UNC]

The error indicates the codec is not acceptable to IE9. Other browsers may be more forgiving.

This page on IE9 HTML5 video indicates the video needs to be h.264 or WebM in an mp.4 container, your video appears to be JVT/AVC Coding.

Thanks. How were you able to tell what encoding it was using? The converter I am using (Handbrake) said I was converting the video to H.264

This post has been edited by Doug D at UNC: Oct 21 2013, 05:05 PM

[jimlongo]

I downloaded the video directly from it's URL in the source
Opened it in QuickTime Pro.
Then using the inspector I was able to see what the video was composed of. (Quicktime non-pro would also show this just a little less info.)

[Doug D at UNC]

I downloaded the video directly from it's URL in the source
Opened it in QuickTime Pro.
Then using the inspector I was able to see what the video was composed of. (Quicktime non-pro would also show this just a little less info.)

Thanks. According to this:

http://en.wikipedia.org/wiki/H.264/MPEG-4_AVC

JVT/AVC is the same as H.264

This post has been edited by Doug D at UNC: Oct 21 2013, 05:08 PM

[Doug D at UNC]

Another case. Here is a page testing video playback:

http://ie.microsoft.com/testdrive/graphics...rt/default.html

So, I downloaded the file from "H.264 high profile (HTML5 video)" and put it on my server and am trying to play it here:

https://devonline.northcarolina.edu/lcl/ded...tudent/bbb.html

it plays in Firefox, but in IE9, only one second of it plays. Why does it play on their server but not mine? I used almost the same code.

[jimlongo]

I don't know the bunny plays fine in Safari as well.
Maybe try removing the onerror tag. Start with the simplest case possible, adding things until it breaks.

As for JVT being the same as H.264 maybe someone forgot to tell MS. ?

I know HTML5 video is supposed to be very straightforward in theory, but in practice I've run into the same type of codec/browser/server problems that you are experiencing.
I've found that using a player is the way to go nowadays.
Javascript player with Flash fallback, I use JWPlayer and I haven't had any issues.

Lastly do you have .mp4 in your .htaccess file?

CODE

AddType video/mp4 .mp4
AddType audio/mp4 .m4a
AddType video/mp4 .m4v
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/webm .webm

[Doug D at UNC]

I don't know the bunny plays fine in Safari as well.
Maybe try removing the onerror tag. Start with the simplest case possible, adding things until it breaks.

As for JVT being the same as H.264 maybe someone forgot to tell MS. ?

I know HTML5 video is supposed to be very straightforward in theory, but in practice I've run into the same type of codec/browser/server problems that you are experiencing.
I've found that using a player is the way to go nowadays.
Javascript player with Flash fallback, I use JWPlayer and I haven't had any issues.

Lastly do you have .mp4 in your .htaccess file?

CODE

AddType video/mp4 .mp4
AddType audio/mp4 .m4a
AddType video/mp4 .m4v
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/webm .webm

I know I encoded the file as H.264. I did check the mime type and it is correct. I will try some type of flash player.

[Doug D at UNC]

Also, I tried video.js, and it didn't work for me.

[Doug D at UNC]

I figured it out. It was that the request was going through the CMS I was using. The CMS can't handle requests for partial files, so it just outputs the entire thing each time. So, in my .htaccess I made it so that my mp4 files would not be routed through the CMS anymore and it started working.

Sorry about the trouble, that was one I hadn't even thought of.

[jimlongo]

Good one.