h5页面嵌入web-view后gif图失真

某h5页面中含有GIF图，css只设置了宽高，直接在微信打开表现正常，如下：

而将页面在小程序打开后，GIF图出现失真，如下：

引用的gif图如下：

目前在oppo r11及iphone 7中有复现到，请问有什么方法可以解决吗？