HTML 5 загрузка видео очень медленно в IE 11

Question

Я использую html 5 тегов видео, чтобы отображать видео как изображение моего героя рабочего стола. Он работает без проблем в хроме и Fire Fox, загружая почти мгновенно. Но в IE 11 и я предполагаю более ранние версии, загрузка занимает около 10 секунд. Я не знаю, почему это было бы. mp4 видео составляет 16 МБ, а другие форматы меньше.

<video autoplay loop class="hero-video">   
<source src="/img/10_Seconds_w_o_Matte.mp4" type="video/mp4" codecs="avc1.4D401E, mp4a.40.2" /> 
<source src="/img/10_Seconds_w_o_Matte.ogg" type="video/ogg" /> 
<source src="/img/10_Seconds_w_o_Matte.webm" type="video/webm" /> 
<source src="/img/hero2_img.jpg" /> 

Your browser does not support the video tag. I suggest you upgrade your browser. 
</video> 

Answer 1

Chrome удалены h264 поддержки несколько лет назад https://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html

Так Chrome и Firefox приходят в ваш код и пропуская мимо mp4 и загрузка файлов меньшего размера, а IE 11 поддерживает только mp4, поэтому он должен загрузить больший видео.

Ваша проблема с размером вашего mp4. Угадав имена файлов, похоже, что вы можете сделать какой-то забавный бизнес с анимированным gif вместо видео для IE, если вы хотите, чтобы он загружался быстрее. Просто предложение. К сожалению, если это самый маленький, который получит mp4, и вы должны использовать видеофайл, тогда вы как бы застряли с медленной загрузкой в ​​IE.