在网站加载后显示动画效果的最佳方式是什么？
它需要像加载屏幕一样在所有主流浏览器和 iOS 设备中播放。
展示这一点的最佳方式是什么？
我尝试了 html5，但自动播放在 iPad 上不起作用。我不想用闪光灯。动画对于 JavaScript 来说太复杂了。是否值得尝试制作高质量的动画 GIF？
【问题讨论】：
标签： javascript jquery html animation video
嗯，几乎所有加载视频的主要问题都是加载和缓冲时间，尤其是在移动设备上。如果启动画面需要半分钟才能加载，那么体验将非常糟糕，并且几乎没有什么可以真正减少加载时间而使视频质量下降（大型动画 gif 也会有同样的问题）。
如果可能，我的建议是尝试使用纯 HTML5 动画效果对动画进行编码。它们渲染速度更快，仅使用静态图像、javascript 和 CSS，并且将更广泛地与现代桌面和移动浏览器兼容。
【讨论】：
很遗憾，无法在 iOS 设备上自动播放 html5 视频。至少从 iOS 5 开始，Apple 已禁用自动播放和预加载，大概是为了为可能使用有限或昂贵的移动数据计划的用户节省带宽。
除非您愿意跳过视频，否则唯一的解决方法是让访问者点击或触摸页面上的某些内容。 Mobile Safari 将允许您使用 Javascript 方法播放视频（与本机播放器控件相反），但对 .play() 的第一次调用必须来自“单击”或“触摸”事件处理程序。
您可以将此要求限制在 iPad 上，并且仍然允许桌面浏览器自动播放，但似乎没有任何可靠的功能检测方法，因此您必须解析用户代理字符串 (navigator.userAgent )。
关于 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
【讨论】：