h5 video层级太高导致浮在div上面,如何解决?

Pimi
  • 213

h5 中使用video标签创建视频元素,部分安卓神机video的层级会变成最高,使用z-index不能解决,怎么办。

回复
阅读 18.6k
5 个回答
<video playsinline -webkit-playsinline ></video>

如果不行的话:

video{
    display : none;
}

setInterval(function(){
    canvas.getContext('2d').drawImage(video,0,0);
},16);
nicholasnc
  • 3
新手上路,请多包涵

display : none;、visibility: hidden;

都没有效果

playsinline属性在 IOS 下确实有用,但是在安卓下不行。(参考:https://aotu.io/notes/2017/01...

放绝对定位的容器里试试。

某些安卓的 webview 检测到video标签播放时会主动启动系统自带的播放器,浏览器被弹出的播放器覆盖了.

部分是指不支持Html5?? 使用的是flash?? flash会有object标签,这个会出现这个问题,iframe嵌套视频,只能这样了,做过海康等监控视频的集成,解释这样的现象,iframe解决的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏