【亲测有效】支持横竖屏 微信小程序video禁止进度条拖动,微信小程序遮罩进度条,

news/2024/7/20 2:59:03 标签: 微信小程序, 小程序

背景:部分课程禁止客户拖动视频进度条直至播放结束

红色是遮罩区域遮罩区域

测试遮罩效果

实际遮罩效果(有一个很浅的阴影区域)

在这里插入图片描述

实现代码

.wxml文件

<video enable-progress-gesture="false" >
        <cover-view  class="cover"></cover-view>
      </video>

.wxss文件

.cover{
  position: absolute;
  bottom: 0;
  z-index: 998;
  height: 20%;
  background-color: red;
  left: 10%;
  background-color: rgba(255, 255, 255, 0.007);
  width: 80%;
}

background-color: red;是为了方便调试的时候使用可删除
.cover中的width可调整大概位置在70-80之间


http://www.niftyadmin.cn/n/5252293.html

相关文章

OrangePi ZERO2 刷机与启动

镜像准备 用读卡器和Win32Diskimager刷写镜像到内存卡&#xff0c;镜像文件见下面百度云链接&#xff1a;https://pan.baidu.com/s/14aKTznc4Jvw4SoFF54JUTg 提取码&#xff1a;1815 刷写完毕后插回香橙派 串口登录 用MobaXterm和USB-TTL进行串口登录&#xff0c;MobaXterm软…

26:kotlin 类和对象 -- 委托属性(Delegation properties )

尽管每次需要时都可以手动实现一些常见类型的属性&#xff0c;但将它们实现一次、添加到库中以便以后重用会更为方便 懒加载属性&#xff1a;仅在首次访问时计算值。可观察属性&#xff1a;监听器会收到有关此属性更改的通知。将属性存储在映射中而不是为每个属性单独创建字段…

lv11 嵌入式开发 IIC(下) 20

目录 1 Exynos4412下IIC控制器介绍 1.1 总览 1.2 特征 1.3 工作框图 1.4 其他内容介绍 1.5 四种工作模式寄存器流程 2 IIC寄存器详解 2.1 概述 2.2 控制寄存器 2.3 状态寄存器 2.4 地址寄存器 2.5 数据寄存器 2.6 其他寄存器 3 MPU06050 3.1 简介 3.2 MPU6050主…

清理oracle库30亿的表后,释放删除空间

1.创建中间表 请以HADES_COD.HDS_COD_BUSI_DETAIL为模板&#xff0c; 手动创建中间表&#xff1a;HADES_COD.HDS_COD_BUSI_DETAIL_1 以及它的constraint约束 示例&#xff1a; -- Create table create table HADES_COD.HDS_COD_BUSI_DETAIL_1 ( id …

淘宝权益玩法平台的Serverless化实践

通过对权益玩法平台现有业务应用的Serverless化改造&#xff0c;权益团队在双十一期间完美地支撑了业务需求&#xff0c;在研发效率、运维保障等方面都体现出了很高的价值和收益。 项目背景 淘宝权益平台是负责淘宝权益营销的核心团队&#xff0c;团队除了负责拉菲权益平台外&a…

Docker容器的可视化管理工具—DockerUI本地部署与远程访问

文章目录 前言1. 安装部署DockerUI2. 安装cpolar内网穿透3. 配置DockerUI公网访问地址4. 公网远程访问DockerUI5. 固定DockerUI公网地址 前言 DockerUI是一个docker容器镜像的可视化图形化管理工具。DockerUI可以用来轻松构建、管理和维护docker环境。它是完全开源且免费的。基…

neuq-acm预备队训练week 8 P4779 【模板】单源最短路径(标准版)

题目背景 题目限制 题目描述 给定一个 n 个点&#xff0c;m 条有向边的带非负权图&#xff0c;请你计算从 s 出发&#xff0c;到每个点的距离。 数据保证你能从 s 出发到任意点。 输入格式 第一行为三个正整数n,m,s。 第二行起 m 行&#xff0c;每行三个非负整数 ui​,vi​…

vc_static spyglass lint cdc rdc check summary

check item 首先不管是lint cdc rdc report,都分成两大部分&#xff0c;一部分report是setup阶段&#xff0c;另一部分report是相应的规则检查。只有setup阶段的error/warning都清理干净&#xff0c;第二部分的报告才有价值。 关于waiver/filter waiver的match value 支持模…