如何检测 video 元素是否被浏览器劫持?

2022-09-11 23:39:06 +08:00
 fuxkcsdn

video 元素在安卓 uc 浏览器里被劫持,表现为 video 元素置顶于所有元素上

下拉菜单因此被遮挡住了

原本以为是 z-index 设置得不够高,通过对比 document 里所有元素的 z-index ,发现最高的还是下拉菜单

通过 document.elementFromPoint 检测被遮挡住的下拉菜单对应坐标,返回的 element 也是下拉菜单的子项而不是被劫持的 video

目前在下拉菜单的点击事件里将 video 元素的 visibility 属性设置为 hidden 或 visible ,暂时解决了菜单被遮挡的问题

是否有办法检测,这样至少可以只针对这类浏览器做上面的操作(通过 ua 是一种方法,但 安卓上那么多浏览器,也不知道哪些浏览器有这问题)

1296 次点击
所在节点    前端开发
2 条回复
xieqiqiang00
2022-09-12 12:41:19 +08:00
“低维度生物早期揣测高维度世界规则视频”
lllyglh
2022-09-13 21:10:44 +08:00
可以用 canvas 播放视频 (不是

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/879363

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX