从网站上载后效果中显示动画的最佳方法是什么？
它需要像所有主流浏览器和iOS设备中的加载屏一样播放。
显示此内容的最佳方式是什么？
我试过html5并且自动播放在iPad上无效。我不想使用闪光灯。动画对于JavaScript来说太复杂了。是否值得尝试制作高质量的动画GIF？
答案 0 :(得分：4)
好吧，几乎任何onload视频的主要问题都是加载和缓冲时间，尤其是在移动设备上。如果启动屏幕需要半分钟才能加载，那么体验将会非常低下，而且实际上没有什么能够减少加载时间而不会使视频质量下降（大型动画gif会出现同样的问题）。
我的建议是尝试使用纯HTML5动画效果编码动画。它们渲染速度更快，仅使用静态图像，javascript和CSS，并且与现代桌面和移动浏览器的兼容性更高。
答案 1 :(得分：1)
不幸的是，无法在iOS设备上自动播放html5视频。至少从iOS 5开始，Apple已经禁用了自动播放和预加载，可能是为了为可能使用有限或昂贵的移动数据计划的用户节省带宽。
除非您愿意跳过视频，否则唯一的解决方法是让访问者点击或触摸页面上的内容。 Mobile Safari允许您使用Javascript方法播放视频（与本机播放器控件相反），但第一次调用.play()必须来自“点击”或“触摸”事件处理程序。
您可以将此要求限制为iPad并仍允许桌面浏览器自动播放，但似乎没有任何可靠的功能检测方法，因此您必须解析用户代理字符串（{{1 }}）。
关于Mobile Safari对视频所做的奇怪，非标准的事情没有太多文档，但本文有一些非常好的，详细的信息和一些代码示例： http://blog.millermedeiros.com/html5-video-issues-on-the-ipad-and-how-to-solve-them/
编辑：然后是Apple在其自己的网站上使用的这种精心设计和荒谬的解决方法。 https://docs.google.com/document/pub?id=1GWTMLjqQsQS45FWwqNG9ztQTdGF48hQYpjQHR_d1WsI