uni-app video怎么销毁

分类：uni-app

swipe video

我在swiper里item插入了video组件 ,for 循环时我已经v-if 只渲染当前curren itemt的video标签，切换item多次之后发现会越来越卡，切换之前我只找到pause stop 等方法，应该是video进程还没销毁

代码如下：
<swiper class="swiper": vertical="true" @animationfinish="changeVideo"; current-item-id="videoId" >

<swiper-item v-for="(item,index) in videoParamArray" :key="index" :item-id="item.id" v-if="(index+2)>videoIndex&&videoIndex>(index-2)">

<block v-if="videoId==item.id">
<video
style="z-index: 1;"; src="item.videoUrl"; id="'myVideo'+videoIndex"; objectFit="item.objectFit"; poster="item.videoLogo||''"; controls="false"; show-progress="false"; show-play-btn="false"; show-fullscreen-btn="false"; show-center-play-btn="false"; enable-progress-gesture="false"; custom-cache="false" loop
@waiting="waiting"
@play="toPlayList(index)"
@pause="toPauseList(index)"
@click.stop="tabVideo(item.playMark)"
@error="videoError"
@timeupdate="timeupdate">
</video>
</block>
<block v-else>
<image src="../../static/images/loadingVideoBd.png" class="load-text"></image>
</block>
</swiper-item>
</swiper>

2019-06-21 11:08 负责人:无分享

2 个回复

哪端？

9***@qq.com

APP端

2019-12-18 18:39
DCloud_UNI_GSQ

回复 9***@qq.com: vue还是nvue页面？如果是vue页面video不允许嵌套到swiper中

2019-12-19 15:33
9***@qq.com

回复 DCloud_UNI_GSQ: nvue页面使用video做的观看直播的回放视频，IDE2.4.6版本云端打包之后，安卓机上播放时没有进度条，直接运行在手机上的时候是有的，查看文档默认是显示进度条的。controls属性也添加了。

<video class="backplay-video" :src="src" :poster="poster" show-progress="true" controls></video>

2019-12-31 13:50
9***@qq.com

回复 DCloud_UNI_GSQ: 必须要在swiper中放视频组件，有什么解决方案吗？

2020-07-28 15:33
DCloud_UNI_GSQ

回复 9***@qq.com: nvue

2020-07-30 12:53