浅谈uniapp video层级过高的解决方法

女爷i 2023-05-30 06:03 17阅读 0赞

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();
    		    },
    }

如果只做小程序，h5则使用cover-view就能快速的解决video等原生组件层级过高的问题（cover-view不支持固定定位）

反之，需要考虑多端的使用plus.nativeObj也是一种方法

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp video（倍速功能、层级过高、视频第一帧做封面等问题）

逻辑上就是再url后面，添加?出现上下出现黑边的原因是： object-fit ：contain；需要修改为 fill 就可以了。我想要在video视频上面显示内容，可是...

男娘i/ 2024年04月22日 15:08/ 0 赞/ 103 阅读

相关 uniapp 在app端使用nvue来解决视频层级过高

1.在pagejson中申明nvue { "path": "pages/detail/detail", "style": {

怼烎@/ 2023年06月28日 08:48/ 0 赞/ 30 阅读

相关浅谈uniapp video层级过高的解决方法

onShow(){ // ifdef APP-PLUS var icon = plus.nativeObj.View.getViewById("

女爷i/ 2023年05月30日 06:03/ 0 赞/ 18 阅读

相关 element 下拉选项层级过高问题

element ui下拉选项层级过高遮挡面包屑与head头问题解决问题: vue+element项目,下拉选择组件页面滚动时层级过高遮挡面包屑与head头![在这

忘是亡心i/ 2022年11月21日 01:04/ 0 赞/ 371 阅读

相关浅谈高并发解决方案

浅谈常见高并发解决方案文章目录浅谈常见高并发解决方案高并发的处理指标解决方案 1 硬件 1.1 概述

矫情吗；*/ 2022年09月03日 13:26/ 0 赞/ 412 阅读

相关浅谈系统的高可用性

“高可用性”（High Availability）通常来描述一个系统经过专门的设计，从而减少停工时间，而保持其服务的高度可用性。对于高可用这个概念，个人认为至少满足下列几点

末蓝、/ 2022年08月18日 02:03/ 0 赞/ 313 阅读

相关浅谈HTML5中的

1、video和audio的优点：不需要第三方插件就能播放音频和视频了，可以直接插入，并且用同一的API接口控制。 2、video和audio的缺点： 1) 暂时

痛定思痛。/ 2022年06月18日 09:58/ 0 赞/ 389 阅读

相关解决微信小程序视频组件层级过高的问题

> 本文首发于我的个人博客：[http://www.fogcrane.org][http_www.fogcrane.org] ![海豚图片][cover] 前言在微

深藏阁楼爱情的钟/ 2022年06月01日 02:22/ 0 赞/ 351 阅读

相关完美解决移动端video视频层级问题

H5页面视频播放的问题相信曾经让很多同学崩溃，video标签的层级问题始终无法得到完美的解决方案。这次的需求是这样的：在浏览器中扫码打开一个H5页面，要将一个视频当成背景图

忘是亡心i/ 2022年01月14日 12:49/ 0 赞/ 1667 阅读

相关 uni-app/微信小程序video组件层级过高覆盖悬浮按钮

uni-app/微信小程序video组件层级过高覆盖悬浮按钮：一、出现的概率与场景具有偶然性，即概率性出现，也针对一些手机，尤其在ios版本的一些手机上！

小鱼儿/ 2021年11月17日 07:24/ 0 赞/ 1988 阅读