视频问题(安卓浏览器,app)

安卓手机,大部分浏览器,强制劫持video标签;引起一系列问题;

视频播放时及播放后处于置顶状态,导致提示窗等元素被遮挡;

视频展示样式发生变化,设置圆角失效;

视频的控件无法管理,出现下载,分享等按钮;

视频暂停或播放结束时,甚至出现广告浮窗;

视频尺寸与展示不一致时,object-fill:fill,cover 不起作用;

1 视频问题汇总图.png

由于是banner上配置的视频,因此页面上有多个视频,引发更多的问题;banner滚动的时候,视频控件很卡顿,跟随滚动滞后;banner滚动结束,视频控件仍处于错位状态;

然后,突然察觉到一个现象,点击banner上多个视频进行播放,结果发现几个视频的样式有点儿不一致;看上去有的视频处于第三方劫持的魔鬼置顶状态,有的视频处于温柔无害的初始样式。。。

继续自测发现,反复播放多个视频时,只有最后一个视频是处于置顶状态的,也就是被浏览器劫持的状态;前面操作过的数个暂停的视频都恢复了初始样式;

那么,解决方案是,创建一个视频,设置为不可见状态。每次当界面上的视频暂停的时候,手动强制播放一下那个不可见的视频,结果,强行置顶的样式就这么被强行恢复了。

主要解决了暂停视频后的几个问题,banner轮播卡顿,提示窗被遮挡,暂停时的广告浮窗,暂停后能恢复圆角;

前两个问题属于影响用户使用的bug了。因此,解决了这两个问题,也算基本修复了bug;至于播放中的展示样式仍然不可控。

视频尺寸必须与设计一致,不然没法解决尺寸不符出现的黑边问题;

以下,附上铁的证据;下方两图是appium观察到的页面元素状态,图一,视频尚未播放,可以看到整个页面只有一个webview;

图二 视频播放之后,页面上新出现了一个view,就是app特设的视频view。 弱小无助的h5页面,对此毫无还手之力。。。

01 视频尚未播放.png

02 视频播放中.png

android webview 劫持,微信webview 及第三方浏览器劫持视频问题相关推荐

  1. 浏览器主页被劫持的解决办法、浏览器劫持是什么意思

    有些流氓网页为了推广自己,给一些唯利是图的人一点小钱,他们就把做的软件加上了这个鬼网页!而利用一些卑鄙的手段,使用户无法更改浏览器主页!不妨直言,今天就遇到了该死的hao123,怎么修改主页都改不掉. ...

  2. 一个EXE引发的危机 — 浏览器劫持实战篇

    一个EXE引发的危机 --浏览器劫持实战篇 作者:小金 转载请注明出处和作者 一. 一个EXE引发的危机 网络程序员小李最近有点忙,公司要做的网页工程项目已经快到尾期了,可是开发小组的进度仍然迟迟跟不 ...

  3. android 微信webview,微信浏览器webview调试

    生命不息,折腾不止! QQ浏览器提供微信调试的插件,本来应该是一件很值得高兴的事情,但是TX改不了一贯的作风,产品狗非要设计为强制设置默认浏览器且QQ所有链接都必须使用QQ浏览器打开,并且无法修改(老 ...

  4. android webview 劫持,安卓包风险安全监测提示存在Activity劫持、WebView远程代码执行,请问怎么解决?...

    挺着急的,请问这个怎么解决 1.Activity劫持 用例名称:Activity劫持 风险系数:高 风险编号:NESUN-2016-82091, CWE-94, 风险描述:攻击者劫持目标Activit ...

  5. 【日常踩坑】Android机微信webview中页面跳转的问题

    今天分享一个前端君踩到的小坑,在webapp中,如果我们要代码实现刷新当前页面的话,相信很多人都习惯用: window.location.reload(); 使用 .reload() 方法实现刷新页面 ...

  6. Android开发实用小技巧九——内嵌WebView的使用(内置浏览器)

    文章目录 前言 一.效果展示 二.代码 1.样式布局 2.活动页面 总结 前言 内嵌WebView的使用(内置浏览器). 一.效果展示 二.代码 1.样式布局 res/layout/activity_ ...

  7. android webview第三方框架,Android 中使用第三方 WebView,腾讯X5浏览器

    由于Android自带的webview,在低于4.3的手机上面不支持socket,因此寻求其他的解决方案,第一次应用中尝试加入Crosswallk,应用的体积整整大了40M,倒是也可以正常使用,app ...

  8. android web打开微信支付功能,android webview拉起微信h5支付错误解决办法

    这里坑比较深.网上说的方式也大多没有用.不废话带你解决 1.遇到的问题大概就"商家参数错误";"空白页";"系统繁忙"等等吧 2.问题解决: ...

  9. android自带的webview有广告,android webview 拦截广告

    要想对Webview实现一些高级操作,需要使用WebViewClient,下面是关于Webview的几个常用回调函数: 1.public boolean shouldOverrideUrlLoadin ...

最新文章

  1. JavaScript中 var reEmail=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //邮箱检测
  2. 红黑树的原理_红黑树插入算法实现原理分析
  3. 解决nginx 504 Gateway Time-out的一些方法
  4. 总结了下自己的几个典型行为
  5. ubuntu远程桌面连接命令rdesktop连接windows远程桌面详解
  6. 果然十三香!iPhone13系列正式发布:看到价格后酸了
  7. weblogic 解决线程阻塞
  8. 适配器模式 - 上厕所案例
  9. Matcher的group()/group(int group)/groupCount()用法介绍
  10. ADMM算法(交替方向乘子法)
  11. 从Q2财报,看携程的内容“元宇宙”
  12. 测试局域网或wifi实际最大带宽
  13. K-S检验两样本分布是否相同
  14. 爱创课堂分享web前端学习路线自学如何找到工作
  15. keil c语言 1602时钟代码,基于单片机的LCD1602电子时钟设计.doc
  16. 入门必看!ui设计分类有哪些?【萧蕊冰】
  17. 问题:编译策略之代码逻辑顺序不正确(Optimization Level)
  18. vue3练习 el-table和echarts联动 完成数据的增删改查
  19. Java实现后端生成excel表格模板--下拉框实现
  20. 流程图法编写测试用例

热门文章

  1. 正则表达式匹配英文和法文
  2. freeCodeCamp 练习3 -- Learn accessbility by building a quiz
  3. Java向数据库中插入数据出错时怎么避免插入错误数据
  4. See Conf 悠鹤《蚂蚁庄园背后的技术与思考》笔记
  5. php逆波兰表达式,PHP实现逆波兰式 - 计算工资时用
  6. 朋友圈加粗字体数字_报名 | 零基础入门brush lettering英文花式字体
  7. nomachine NX 远程连接相关问题
  8. 一网通支付ios开发
  9. 皮带撕裂检测matlab,基于机器视觉的皮带纵向撕裂检测方法
  10. 闪存颗粒-2D和3D闪存之间的区别和联系