Загрузка GIF в скрытом DIV Не анимируется в Firefox

Question

Я показываю скрытый DIV, который содержит анимированный GIF при отправке формы, отлично работает в Chrome/IE11/Edge, но GIF не анимация в Firefox, если кто-нибудь может понять, почему что случилось? Код, как так:

onSubmit="document.getElementById('overlay').style.display = 'block';document.getElementById('loadergif').src='updating.gif';" 

Скрытый контейнер следующим образом:

<div id="overlay"> 
<div id="loader-container"><img src="updating.gif" width="204" height="85" alt="" id="loadergif"/></div> 
</div> 

Answer 1

Вместо GIF я использовал только HTML5 видео и исправляет проблему

показать DIV на представить:

onSubmit="document.getElementById('overlay').style.display='block';" 

DIV:

<div id="overlay"> 
<div id="loader-container"> 
    <video autoplay loop> 
    <source src="updating.mp4"> 
    <source src="updating.webm"> 
    <source src="updating.ogv"> 
    </video> 
</div> 
</div> 

Сохраняет это просто!