LinkedIn App浏览器问题:背景视频和动画

时间:2018-03-19 17:17:13

标签: javascript animation html5-video linkedin browser-detection

当您在LinkedIn的应用程序(iOS)中打开网站时,设置为自动播放的html5背景视频无法播放,除非您停止滚动,否则不会触发动画。因此,当您使用淡入淡出和幻灯片动画时,通常看起来有一堆空白空间。

以下是一些示例(您必须在LinkedIn的应用中查看以查看问题)...

背景视频

https://jobs.netflix.com/

https://thelovinggroup.com/(也有动画问题)

动画

https://voidwatches.com/

http://www.clearmotion.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。

我觉得我已经开始接近了,但我仍然不确定我是否已经找到了可靠的解决方案。

0 个答案:

没有答案