NOTICE: FORUMS MOVING

Thank you for visiting and participating in the Video.js forums. We are currently moving the forums to Stack Overflow and GitHub Issues. If you have a question or need help with Video.js, please post your question on Stack Overflow and add the tag 'video.js'. If you've found a specific bug in Video.js, please submit it in the issues tracker.

You can read more about this move on the blog.

Video Player not working in IE

Jason's Avatar

Jason

21 May, 2012 05:03 PM

Hi my video player won't work in IE, I've tried mp4, webm, wmv, m4v etc, but I can't get anything working. It works ok in Firefox though. This is the link: http://www.past-images.co.uk/

  1. 1 Posted by Paul on 22 May, 2012 10:38 AM

    Paul's Avatar

    I have the same problem.

  2. 2 Posted by chen on 07 Jun, 2012 01:42 PM

    chen's Avatar

    it seems you don't have source defined inside video tag

  3. 3 Posted by Jason on 07 Jun, 2012 03:20 PM

    Jason's Avatar

    Hi, the video files are playing in Firefox just not explorer. Where to I define the source? I've already put the local file names like this:

    <!-- Start Embedded html5 video player -->
                <video id="pastimages" class="video-js vjs-default-skin" controls
    

    preload="auto" width="435" height="350" data-setup="{}">

                </video>
                <!-- End Embedded html5 video player -->
    
  4. 4 Posted by Xuesong Chen on 07 Jun, 2012 03:25 PM

    Xuesong Chen's Avatar

    change it to absolute path might help

  5. 5 Posted by Xuesong Chen on 07 Jun, 2012 05:53 PM

    Xuesong Chen's Avatar

    I fixed it by a very strange way.
    I embed two video on browser, one of it bind with videojs for all
    browser except for ie9.
    the other just for ie 9, And using conditional comment to add some css
    to hide/show it.

    Also I change fall back order to flash, html5 for chrome.
    chrome and ie9 just hate each other.

  6. 6 Posted by Moony on 09 Jun, 2012 04:56 PM

    Moony's Avatar

    Hi Xuesong,

    I'm having a similar issue. Would you mind posting your corrected code?

    Thanks.

  7. 7 Posted by SmileyWar on 12 Jun, 2012 06:53 PM

    SmileyWar's Avatar

    I'm encountering the exact same problem as Jason.

    Any solutions?

    Looking at the example sourcecode which works in IE, so i'm guessing the mp4 file might be quirky with some codexes? Am i correct in assuming this.

    As i have converted a mov file to mp4

  8. 8 Posted by Xuesong Chen on 12 Jun, 2012 08:40 PM

    Xuesong Chen's Avatar

    for Ie9 I put <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    in header, and using <video id="my_video_1_ie" class="video-js
    vjs-default-skin video-ie9" controls preload="none" width="478"
    height="358" poster="......">

                <source src="....." type='video/mp4' />
            </video>
    and only including mp4 format for it.
    and I have another video tag embed
    <video id="my_video_1" class="video-js vjs-default-skin video-ie9"
    controls preload="none" width="478" height="358" poster="......">

                <source src="....." type='video/mp4' />
            </video>
    <script>
      _V_("my_video_1");
    </script>.
    Then using conditional comment to including a style sheet for ie 9 to
    hide/show the video.

    It is wired to solve it like this, and takes more bandwidth, so it is
    better to turn off the auto load.

  9. 9 Posted by Xuesong Chen on 12 Jun, 2012 08:41 PM

    Xuesong Chen's Avatar

    for Ie9 I put <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    in header, and using <video id="my_video_1_ie" class="video-js
    vjs-default-skin video-ie9" controls preload="none" width="478"
    height="358" poster="......">

               <source src="....." type='video/mp4' />
           </video>
    and only including mp4 format for it.
    and I have another video tag embed
    <video id="my_video_1" class="video-js vjs-default-skin video-ie9"
    controls preload="none" width="478" height="358" poster="......">

               <source src="....." type='video/mp4' />
           </video>
    <script>
     _V_("my_video_1");
    </script>.
    Then using conditional comment to including a style sheet for ie 9 to
    hide/show the video.

    It is wired to solve it like this, and takes more bandwidth, so it is
    better to turn off the auto load.

  10. 10 Posted by Mike on 12 Jun, 2012 10:04 PM

    Mike's Avatar

    I am experiencing the same issue. Video file is in mp4 format, plays fine in all other browsers. The poster image and play button appear in IE9, but when I hit play, the loading image appears but there is no movement and the video does not play. Any suggestions on how to fix this so it plays in all other browsers and IE9? Thank you in advance for the time and insight help.

  11. 11 Posted by neben on 08 Oct, 2012 11:13 PM

    neben's Avatar

    Hello,

    I hope this helps. I also had a problem with the default image being displayed twich on my page on Chrome and Internet Explorer. Also, the video did not load in the expected player but would start on clicking directly on the video (same goes for pause).

    What seemed to do the trick was removal of class="video-js" from the

    I checked on IE, Safari Windows, Firefox and Chrome... all works swell now.

    Best of luck

  12. 12 Posted by neben on 08 Oct, 2012 11:16 PM

    neben 's Avatar

    Whooos, it i used the "video" tag, above, it seems like it got interpreted :) Someone should take a look at that...

    Best of luck!

  13. 13 Posted by louis on 15 Nov, 2012 02:07 AM

    louis's Avatar

    for ie9 you have to convert the file with H.264 codec in mp4 container.
    works with both. video src tag and js loading.
    (load mp4 file from youtube, test it with html5 video tag in ie9. if it works see codec properties in vlc.)
    i used mediacoder software to encode from quicktime to mp4.
    settings: video format H.264, audio format mp3, container mp4
    thats all. good luck!

  14. 14 Posted by Xuesong Chen on 15 Nov, 2012 08:29 PM

    Xuesong Chen's Avatar

    Thank you.

  15. 15 Posted by Tristan on 06 Dec, 2012 07:23 PM

    Tristan's Avatar

    I have a similar problem. The video file loads fine in IE9, except when I try and scrub the timeline or programmatically set the time using currentTime(), then it does the thing w/ the loading white circle image that is frozen, and the video file won't do anything else until I refresh the page.

  16. 16 Posted by Ed Straker on 23 Feb, 2013 07:58 AM

    Ed Straker's Avatar

    I have two different videos and both in mp4 and ogg. One video is from the web, the other is encoded by me. Using the same HTML file, the video from the web will Play in Safari as well as in IE10 correctly, the one encoded by me plays correctly in Safari but NOT in IE10.

    I still can't figure out what the problem could be. I am not a video specialist and tried different convertion tools and programs as well as an online converter.

    WEB-VIDEO: Safari = YES, IE10 = YES
    MY-VIDEO: Safari = YES, IE10 = NO

    So it seems to be a convertion issue but why is Safari playing the video and IE10 not?

  17. 17 Posted by Travis on 12 Feb, 2014 04:04 PM

    Travis's Avatar

    Make sure your server has .mp4 video/mp4 as a MIME type. Firefox, Safari will play the video regardless of this.

  18. 18 Posted by Ed Straker on 12 Feb, 2014 04:30 PM

    Ed Straker's Avatar

    Oh, I'm sorry! Completely forgott to say, that I managed the issue a few days after my posting. Yes, it was the MIME types, which I had to includ into the .htaccess file on the Server. The following lines had to be added (if somebody has the same issue):

    AddType video/ogg .ogm
    AddType video/ogg .ogv
    AddType video/ogg .ogg
    AddType video/webm .webm
    AddType audio/webm .weba
    AddType video/mp4 .mp4
    AddType video/x-m4v .m4v

    Thank you
    Ed

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac

Recent Discussions

25 Nov, 2014 05:34 PM
20 Nov, 2014 04:11 PM
19 Nov, 2014 10:05 PM
19 Nov, 2014 05:31 PM
18 Nov, 2014 09:51 PM