CODEWITHSUNDEEP
video.js
Constantine EmeraldMaster
Constantine EmeraldMaster

Reputation: 183

video.js IE 9 mp4/webm error

I have a problem with my video player, and now I'm asking for help

Video.js is not able to play video in IE 9 (and maybe 10, I'm not able to check), all of other browsers displaying video correctly

Here is an example link.

IE console shows following error:

LOG: Video Error[object Object]

HTML code:

<video class='video-js vjs-default-skin' controls data-setup='{"techOrder": ["flash", "html5", "links"]}' height='576' id='video_16' poster='/system/videos/file_previews/000/000/016/medium/1360091100-30.jpg?1360091101' preload='none' width='720'>
    <source src='http://uklasi.com.ua/5-klas/matematika/koordinatniy-promin/16.mp4' type='video/mp4'>
    <source src='http://uklasi.com.ua/5-klas/matematika/koordinatniy-promin/16.webm' type='video/webm'>
</video>

My HTTP headers:

HTTP/1.1 200 OK
Server: nginx/1.2.6
Date: Sun, 10 Feb 2013 12:05:40 GMT
Content-Type: video/mp4
Content-Length: 41625464
Last-Modified: Tue, 05 Feb 2013 19:05:00 GMT
Connection: keep-alive
Content-Disposition: inline; filename="koordinatniy-promin-16"
Cache-Control: max-age=0, private, must-revalidate
Accept-Ranges: bytes

Did anyone face this problem before? :(

Upvotes: 3

Views: 5303

Answers (1)

mvprzy
mvprzy

Reputation: 105

I had a similar problem with mp4 and IE9 playing with video.js - this fixed it:

<script type="text/javascript" charset="utf-8">
//mvp - if it is IE9 - the first line tests for IE9 - then fall back to flash
if(navigator.userAgent.indexOf("Trident/5")>-1){
 _V_.options.techOrder = ["flash"];
 _V_.options.flash.swf = "tech/flash/video-js.swf";
}
</script>

Basically it forces use of the flash player if it detects IE9...

mvp

Update...3/28/13 IE10 and video.js was not working either.. added another block to test for IE10 using: "Trident/6" (instead of 5) and this forces IE10 to use Flash as well. Video is playing again!

Have not tried IE11 yet....

Upvotes: 6

Related Questions