移动端 视频评论页布局

Question

现在遇到一个需求，就是移动端的视频与底部评论同时存在，如下图

现在有个问题就是 视频在大多数移动端浏览器中
一旦播放都会悬浮置顶，
并跟随滚动且z-index最高层,
底部唤醒评论框会被视频挡住且无法看到自己输入的文字，
还有ios的fixed问题，
我现在的解决方案是在触发input 聚焦时，将视频元素隐藏，
失去焦点就显示视频元素,
但是客户不满意，想要视频存在且又能够输入内容，
但是又不想调整视频高度，
视频起码占了将近1/2的屏幕了，
我哭了，说不通,各位有啥解决方案吗

Answer 1

给你提供个思路：播放视频时做一个弹框全屏播放，播放完毕自动还原。当你输入时，视频哪一块还是跟随页面滚动，不需要悬浮。同时建议将评论弄到一个新的页面去评论，评论完成后自动返回。