首页 > 移动平台 > 详细

移动端video最高级遮挡其他元素的问题

时间:2020-07-10 20:56:07      阅读:200      评论:0      收藏:0      [点我收藏+]

最近在做直播的项目,遇到一个问题,当直播过程中,后台推送图片或者调查问卷的时候,会弹出一个层,这时候发现video层级在弹出的层级之上。

问题描述:

播放中的video把弹出的框遮盖了

技术分享图片

问题手机:

技术分享图片

 

 微信版本:最新

解决办法:

https://x5.tencent.com/tbs/guide/video.html

腾讯的文档介绍

在video标签中添加x5-video-player-type:h5-page属性来控制网页内部同层播放,可以在视频上方显示html元素;

亲测,在oppo和小米上 并没有用

 $(‘video‘).attr(‘x5-video-player-type‘, ‘h5-page‘)
 
 
解决方案:
 
在弹出出现的时候,对video进行display:none;,关闭弹框的时候,video show出来
 
 
效果:
技术分享图片

 

 

 

 

视频可以正常播放;
特此记录一下 (尝试了各种解决方法,最终按照这个解决了,如果有小伙伴有更好的,请留言,万分感谢)
 
保利威后台推送的操作:

技术分享图片

 

移动端video最高级遮挡其他元素的问题

原文:https://www.cnblogs.com/GoTing/p/13280748.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!