Laden von GIF in versteckten DIV nicht animieren in Firefox

Question

Ich zeige ein verstecktes DIV, das ein animiertes GIF enthält, wenn ein Formular eingereicht wird, funktioniert in Chrome/IE11/Edge aber GIF nicht in Firefox animieren, wenn jemand warum sagen kann das happnes? wie so Code:

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

versteckte Container wie so:

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

Answer 1

Statt GIF ich nur verwendet HTML5 Video und behebt das Problem

den DIV Auf einreichen:

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

Die 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> 

Hält es einfach!