移动端网页为什么发展这么混乱

MeursaulT

前两天接了个做移动端视频网站的活，一进兼容性测试，炸得妈妈都不认识，最核心的问题就是video标签。
现在safari QQ uc 夸克都会劫持video标签，用自己的播放器取而代之，导致我画的播控全部都消失。而且他们还给video标签最高层级，正常元素全都压住了。
我看了下小红书的体验，发现他们直接摆烂了



—— 来自 S1Fun

MeursaulT

循此苦旅 发表于 2024-2-8 20:25
这些浏览器怎么搞播放器是它们自己的事，出问题是它们的责任，让用户换默认浏览器或Chrome就行。 ...

我们是toC的产品，可不敢让夸克uc这种大头浏览器的用户换

—— 来自 S1Fun

MeursaulT

Destiny4073 发表于 2024-2-8 20:28
因为h5播放器触控体验就是一坨 所以主流是劫持播放器

我们用的是西瓜的播放器，我感觉跟他覆盖的也差不多

—— 来自 S1Fun

MeursaulT

iou90 发表于 2024-2-9 11:52
现在safari QQ uc 夸克都会劫持video标签，用自己的播放器取而代之，导致我画的播控全部都消失。而且他们还 ...

safari那个比较特殊，他非全屏不劫持，全屏后劫持，你退出全屏后，还是你自己的播放器，但你的video标签就被提到最高层级了。要复现得找那种存在元素覆盖video标签的页面，一般比较少有，估计是都考虑到了做了规避。

—— 来自 S1Fun

MeursaulT

iou90 发表于 2024-2-9 11:52
现在safari QQ uc 夸克都会劫持video标签，用自己的播放器取而代之，导致我画的播控全部都消失。而且他们还 ...

别的浏览器的劫持以及层级提升你看我顶楼就懂了，下面按钮被盖住一半

—— 来自 S1Fun

MeursaulT

lawsherman 发表于 2024-2-9 10:36
劫持了才能玩花样啊
又能截图，又能嗅探下载，又能投屏，不换自己的播放器怎么搞 ...

QQ巨离谱，劫持之后在里面加自己的片头广告

—— 来自 S1Fun

MeursaulT

唯昱逍遥 发表于 2024-2-10 02:27
mark一下，蹲个楼主的解决方案

我给产品看了一下小红书的摆烂现状，产品也跟着摆了先看着呗，后面如果不是收益特别好，一定要把兼容性问题解决掉，估计可能就检测ua给个弹窗，告诉用户你这浏览器不行。

—— 来自 S1Fun