当您在LinkedIn的应用程序(iOS)中打开网站时,设置为自动播放的html5背景视频无法播放,除非您停止滚动,否则不会触发动画。因此,当您使用淡入淡出和幻灯片动画时,通常看起来有一堆空白空间。
以下是一些示例(您必须在LinkedIn的应用中查看以查看问题)...
背景视频
https://thelovinggroup.com/(也有动画问题)
动画
在LinkedIn构建更好的浏览器之前,有关如何解决此问题的任何想法?
我将浏览器检测作为一种可能的解决方案。想想也许我可以做一个if / else语句来检查它是否是一个普通的浏览器(Chrome,Safari,Firefox等),否则对这些视频和动画做其他事情。
但我读过的浏览器检测强烈建议您不要使用它,除非您必须(https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent)。
非常感谢任何想法!
更新 好的,所以我已经实现了这个Github项目中的代码来检测UIWebView:https://github.com/simpleweb/UIWebView-Detect
效果很好!但是,我真的需要区分LinkedIn和其他使用WebView的应用程序,因为LinkedIn是唯一一个有这些问题的应用程序。
我使用了Udger的解析器(基于我在另一个Stack Overflow帖子中找到的内容):https://udger.com/resources/online-parser
我可以看到Facebook有自己的浏览器,但LinkedIn似乎正在使用某些版本的Safari。
我觉得我已经开始接近了,但我仍然不确定我是否已经找到了可靠的解决方案。