video层级过高的问题解决

问题:

这个是uniapp的app项目,在h5页面的时候,这个红包是在视频播放的上面,当点击视频播放的时候,下面的购物车的图标也会显示到视频上面,这个效果,在h5页面是没有问题的,但是在手机端真机调试的发现,不管播不播放视频,红包的图标和购物车的图标都是不显示在,播放上面的。

解决方法:(参考下面)

看看这个 video 的层级是最高的

uniapp中video层级太高解决方案,适用安卓/IOS/H5_uni-app_Am心若依旧-华为云开发者联盟

直接在 是去 插件市场安装这个 插件 然后替换你的video插件即可 传入视频的url地址即可

视频播放 播放器 视频覆盖 视频层级 - DCloud 插件市场

<template>
	<view>
		<view>1111</view>
		<view>
			<dom-video objectFit="cover" ref="domVideo" class="video" object-fit="contain" :controls="true"
				:show-progress="false" :show-play-btn="false" :show-bottom-progress="false" :autoplay="false"
				:src="product.video" @play="videoPlay" v-if="show" id="demoVideo" :poster="produc
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值