Search code examples
htmlvideointernet-explorer-9autoplayloaded

HTML5 Video using video.js won't play until fully downloaded


I have a strange issue with a html5 video. It's working correctly in all browsers except in Internet Explorer. Internet Explorer 9 is always waiting for the video to be fully downloaded until playback starts. If I open the Video in Firefox, Chrome or even Opera everything is working fine.

The code snippet looks as following

<video id="video-js-10734" class="video-js vjs-default-skin" width="640" height="480" controls="controls" autoplay="enabled" data-setup="{}" poster="1"><source src="http://www.lorch.biz/fileadmin/DAM_Lorch/Bilddaten/800-Doku/web/Videos/I-Torch_Movie_Full_HD_libtheora.ogv" type="video/ogg" /> <source src="http://www.lorch.biz/fileadmin/DAM_Lorch/Bilddaten/800-Doku/web/Videos/I-Torch_Movie_Full_HD_x264.mp4" type="video/mp4" /> </video>

Did I forget about some keyword configuration or is this a "feature" in Internet &*°ç&*ç! Explorer?

Thanks a lot


Solution

  • It sounds like IE doesn't use the same file as other browsers. I don't remember if IE support OGV files but if not IE should use the mp4 file you provide. It seems then your mp4 hasn't a delay set for autostart.

    I have used sometimes a program called MP4box to mux or demux the file so it can start without loading everything.