Video.js IE 9 mp4 / webm error
I have a problem with my video player and now I am asking for help
Video.js cannot play videos in IE 9 (and maybe 10, I can't check), all other browsers display videos correctly
Here is a sample link .
IE console displays the 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
Has anyone encountered this problem before? :(
+3
source to share
1 answer
I had a similar problem with mp4 and IE9 playing with video.js - this fixed that:
<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>
This basically forces the use of a flash player if it detects IE9 ...
MVP
Update ... 3/28/13 IE10 and video.js didn't work either .. added another block to test IE10 using: "Trident / 6" (instead of 5) and this forces IE10 to use Flash. The video plays again!
Haven't tried IE11 yet ....
+6
source to share