javascript - 移动web页面，input获取焦点弹出系统虚拟键盘时，视频挡住input，求解决方案？

Question

整个页面有头部、视频、聊天信息、输入框组成，当输入框获得焦点时，会被虚拟键盘顶到视频区域，又因为视频在移动端浏览器是强制被置顶的，所以就看不到input了，我想要实现的是：输入框在虚拟键盘的上方，不会被遮盖。请教有什么好的解决方案，兼容性如何？目前类似的好像只有6间房做的还可以，但不知道它是怎么弄的。

Answer 1

定位 用 z-index

Answer 2

给input和视频的p都添加position 为releative或者absolute 然后用z-index 试试

Answer 3

正常文档流布局，不要脱离文档流