uniapp中video层级太高解决方案

我们的需求是要做一个发布动态的页面,用的uniapp想都没想直接上其原生组件video,但是发现video划到顶部把手机上面的图标都给覆盖了,究其原因是因为uni的原生组件层级太高 用z-index也不管用 官方有说明 cover-view组件可以解决这样的问题
!!!但是并不适用我目前的场景,不多说了 上代码

<u-row class="dynamic-content" v-if="item.video && item.content">
	<u-col :span="12">
		<view class="ct-video">
			// 视频播放按钮
			<u-icon name="play-right-fill" color="rgba(169,169,169,0.5)" size="100" class="vo-icon"></u-icon>
			// 视频存在这里 v-html是关键
			<view class="vo-video" v-html="item.content" @click="playItemVideo(item.video)">
			</view>
		</view>
	</u-col>
</u-row>

来看一下v-html里的内容

content: `<video src="${this.videoSrc}" style="max-width:100%;">
						</video>`
  • 4
    点赞
  • 9
    评论
  • 3
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:游动-白 设计师:我叫白小胖 返回首页

打赏作者

乐弟这家伙

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值