【CSS】移动端 视频评论页布局

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

回答:

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

以上是 【CSS】移动端 视频评论页布局 的全部内容, 来源链接: utcz.com/a/155999.html

回到顶部