uniapp video层级过高的一个解决方法
今天用uniapp的video做一个视频展示,但是需要点击视频的时候可以跳转到其他地方。这就需要给video做一个点击事件,但是打包app后,没啥用。想通过遮罩层来做点击,发现uniapp里video的层级最高,z-index没用。以下问题针对app来说的,不针对h5。百度下 发现一个不错的办法。...
·
以下问题针对app来说的,不针对h5
今天用uniapp的video做一个视频展示,但是需要点击视频的时候可以跳转到其他地方。这就需要给video做一个点击事件,但是打包app后,没啥用。
想通过遮罩层来做点击,发现uniapp里video的层级最高,z-index没用。
百度下 发现一个不错的办法。
onShow(){
// #ifdef APP-PLUS
var icon = plus.nativeObj.View.getViewById("icon");
//如果已经存在
if(icon){
//则显示
icon.show();
}else{
//不存在 则创建
this.createtab();
}
// #endif
},
//离开页面隐藏
onUnload(){
//在app端不支持cover-view嵌套
// #ifdef APP-PLUS
var icon = plus.nativeObj.View.getViewById("icon");
icon.hide();
// #endif
},
onHide(){
// #ifdef APP-PLUS
var icon = plus.nativeObj.View.getViewById("icon");
icon.hide();
// #endif
},
methods: {
createtab: function(){
// 设置水平居中位置
var bitmap = new plus.nativeObj.Bitmap('bmp1');
var view = new plus.nativeObj.View('icon', {
top: '30px',
left: '10px',
width: '30px',
height: '30px'
});
view.drawBitmap('/static/back.png', {
top: '0px',
left: '0px',
width: '100%',
height: '100%'
});
view.addEventListener("click", function(e) {
uni.navigateBack({
delta: 1
});
}, false);
view.show();
},
}
更多推荐
已为社区贡献5条内容
所有评论(0)