微信小程序video层级太高怎么办

微信小程序视频水平太高怎么办？在开发很多视频小程序的时候，由于小程序组件的层次高，会遇到问题，让很多人感到不知所措。以下小系列介绍微信小程序视频级别太高怎么办。

微信小程序视频水平太高怎么办？

比较近有人问，微信小程序的视频组件级别太高，盖住了浮动按钮。这个怎么处理？具体问题详述如下。

比较近在做微信小程序。现在需求中有一个小程序页面需要后台视频。折腾了好久，终于在模拟器和测试机上通过了测试。同事用ios手机扫了一下，背景居然覆盖了要显示的内容。我惊呆了。我在网上查了很多资料。很多人说是因为视频是ios系统的原生组件，水平太高了。z指数不起作用。事实上，测试z指数根本不起作用。

显然这个人不知道怎么处理。来说说解决方案。

设置宽度和高度，当需要显示覆盖视频帧的视频时，飞越为div隐藏的：把视频放在上面的div，设置位置：；top :-100000 px；如果设置了div，它将是不可见的。当需要显示视频时，只需设置回位置和顶部的值。而且有人亲自测试过。

以下小系列普及小节目视频级别设置的知识。

重要属性：

小程序wxml:

单击以显示视频组件

src=' http://mvideo 1 . meidata.com/575 c2 b 652d 7375255 . mp4 '

style=' width : ；'高度： '

隐藏='{{hiddenvideo}} '

binder error=' listener video '/；123456789123456789

applet js:

页面({

数据：{

//text:“这是一页”

hiddenvideo: true

},

/**

*监控视频加载错误状态

*/

listenervideo:function(e) {

console . log(e . detail . errmsg)；

},

/**

*收听按钮事件

*/

listenerbutton:function {

this.setdata({

hiddenvideo:this.data.hiddenvideo

})

}

})

微信小程序怎么做的内容就这些视频水平太高了，希望能帮到大家。如果您有更多的问题或建议，可以来我们源代理网的小程序频道。感谢大家的关注！

下面是题目的开头。如何使用微信小程序的ui设计工具？标题到此结束

微信小程序工具的使用，可以让小程序开发更容易。如何使用微信小程序的ui设计工具？微信小程序和ui怎么统一？请看下面的信息。

微信使用的h5页面相当多，特别是比较近开发的内部测试小程序。为了让微信例程的页面和界面与微信统一，让用户看起来像是微信内置的功能或页面，建议您使用大王小编推荐的weui前端框架！

weui由微信设计团队制作，在界面、配色、图标等方面与微信类似。所以建议你用这个界面来设计你的widget、网站商城、wordpress主题，让界面更加统一。

框架名称：weui小程序样式库

草图源文件

同时，我们还介绍了weui的草图源文件。如果你是设计师，可以这个设计源文件来设计新的微信小程序，h5网页等。以及符号，非常好用！

文件格式：素描

材料版权：免费

简介：weui是一套与微信原有视觉体验一致的基本风格库。是微信设计团队为微信web开发设计的，可以让用户的使用感知更加统一。包括按钮、单元格、对话框、进度、吐司、文章、动作表、图标和其他元素

让我们来看看weui风格库的介绍：

图标

图标的颜色和风格和微信原来的风格差不多，没有区别！

灵活布局

css flex属性定制的小程序页面排版系统，可以轻松实现多列自适应排版。

面板面板

你可以用它来做一个文章和图片的列表。

页脚页脚样式

是页脚样式~

提示样式

菜单

底部tabbar

导航条

weui页面级别