如何处理 H5 视频在百度 APP 置顶问题？

Question

问题描述

H5 视频在百度 APP 打开时，视频会出现置顶现象，无论是 ios 还是 android。

可以用百度 app 打开这个链接（啊里集团官网也出现这种兼容性问题...）

https://ali-home.alibaba.com/

视频显示就会这样，置顶在上方，使网页内容被遮盖住

问题出现的环境背景及自己尝试过哪些方法

我参考过相关的文章：https://segmentfault.com/a/1190000021906061

ios 可以通过引入同域的视频地址来解决（按我测试的话，不能带域名...）：

<video
      muted loop
      playsinline
      webkit-playsinline
      >
            <source src="/static/flower.mp4" type="video/mp4">
          </video>

而 android 的话我无法解决，文字不能通过绝对地位覆盖在视频上方，而且视频还是会置顶。

相关代码

粘贴代码文本（请勿用截图）

你期待的结果是什么？实际看到的错误信息又是什么？

如何解决这种现象，使视频正常显示，没有出现置顶

Answer 1

这个问题好像解决过，原因是 百度浏览器对于 viewport 不同，会有一些特殊的处理。

<meta name="viewport" content="width=414, user-scalable=no, target-densitydpi=device-dpi">

加个 meta 标签试一下吧