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