移动兼容问题

视屏播放---视频在微信上播放完，会有广告(Android)；视屏在微信上播放完没有广告（IOS）

解决方式：使用div内部嵌套播放

代码：

遗存问题：因为添加了控制条，点击全屏按钮观看时，还是会有广告（Android）

视屏滑动 --- 视屏在微信上不能识别上下、左右滑动(Android)， 视屏在IOS上，swiper做的左右滑动，不能拉动进度条，只能左右滑动(IOS)

页面下部分“前进后退导航条” ----  微信自动识别是否存在跳转历史，存在跳转历史会在下部添加导航条（IOS）；Android不会

页面元素移位 ----  登录界面，软键盘导致内元素移位（IOS）

解决方式：针对所有输入框，添加失焦事件（滚动到顶部）

代码：

@blur="blurInput"

blurInput(){

        (this as any).$nextTick(() => {

            (window as any).scrollTo(0, document.documentElement.scrollTop || document.body.scrollTop);

        });

    }

onscroll函数兼容 ---  Android、IOS一致，华为ipad不一致

解决：识别是否存在获取 top的对象

代码： 

(window as any).onscroll = () => {

            const top = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

        };

参考资料：关于onscroll函数兼容各浏览器的方法分析

css 中:hover在移动端不消失 ---  直接返回不消失，按钮处于hover状态（IOS）

解决代码： (document as any).body.addEventListener('touchstart', () => {});