显示后无法播放gif：在移动设备上阻止

Question

我有一个gif，我想在表单提交后播放（因为这个过程需要一段时间才能完成）。我在页面上设置了一个加载器html，显示为：none。

<div id="loading-wrapper">
    <div class="center">
        <div id="loader" class="loader">
            <img id="loadgif" src="img/loading.gif">
        </div>
        div id="loading-text"><h2 style="font-weight:100;" id="theTitle">Rendering</h2></div>
    </div>
</div>

当用户点击表单上的提交时，然后＆＃34; loading-wrapper＆＃34;设置为显示：块。这在桌面上工作正常，但是在移动设备（chrome）上，gif无法播放。我尝试在用户提交表单后动态加载gif，但似乎没有任何工作