uniapp-app视频层级过高问题

使用v-html动态渲染

参考:uniapp video app端层级过高的问题,滑动渲染问题。_video在app端层级过高-CSDN博客

有想过使用原生,但是太麻烦了,然后换成了弹窗播放,但是动态的src播放失败,错误提示:

chunk-vendors.js:14882 Uncaught (in promise) DOMException: The element has no supported sources.

Failed to set the 'currentTime' property on 'HTMLMediaElement': The provided double value is non-finite."

最终代码:

javascript 复制代码
//视图 循环lists列表
<view class="swiper-container" v-html="item.html" > </view>


//方法 循环添加html属性
this.lists.forEach(item=>{
					let html=`<video muted controlslist="nodownload"	controls="controls"   src="${item.images[1].image}"  poster="${item.image}"  style="height: 500rpx;width: 100%"></video>`
						item.html=html
					})

最终实现效果

相关推荐
米粒宝的爸爸1 小时前
uniapp在app端,在导航栏设置自定义按钮
uni-app
dssxyz2 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
xw52 小时前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app
!win !3 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
颜渊呐8 小时前
uniapp中APPwebview与网页的双向通信
前端·uni-app
白杨木影子被拉长10 小时前
多状态映射不同样式(scss语法)
vue.js·uni-app
一念杂记10 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
aklry16 小时前
uniapp三步完成生成一维码图片
uni-app
雪芽蓝域zzs1 天前
uniapp 国密sm2加密
uni-app
打不着的大喇叭1 天前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app