uniapp 小程序video列表页解决 ios 详情页返回列表页，列表页重载问题。

最新推荐文章于 2024-06-23 23:59:23 发布

邱志刚

最新推荐文章于 2024-06-23 23:59:23 发布

阅读量2.4k

点赞数

分类专栏： uniapp 小程序微信端文章标签：小程序 ios vue.js

本文链接：https://blog.csdn.net/qq_42957741/article/details/121947195

版权

微信端同时被 3 个专栏收录

9 篇文章 2 订阅

订阅专栏

小程序

8 篇文章 0 订阅

订阅专栏

uniapp

5 篇文章 0 订阅

订阅专栏

安卓手机不用考虑，但是在ios系统，会出现详情返回列表，列表页会重载0
1. 首先官方推荐video 列表不超过3个video组件，再次我们用image代替video，点击是在切换出video插件。
`

 			// 视频插件
 				<view v-if="item.id == blockId" @click="gotoDetails(item,index)">
 					<video :src="item.imageAddress" :id="'videoSet'+index" 
 							   @play="playVideo(item,index)" 
 							   @pause="pauseVideo(item)"
 							   @timeupdate="timeupdate" 
 							   play-btn-position="center"
 							   :controls="true"
 							   :show-fullscreen-btn="true"
 							   >
 					</video>
 					// 视频播放按钮无法添加点击事件，再次加了一块透明的容器覆盖播放按钮上，代替播放按钮。
 					<view class="setplayicon" @click.stop="videoStop(item,index)"></view>
 				</view>
 			

               // 获取视频第一帧方法。我们视频是存在阿里oss ，一般来说，此方法通用。
 				<view class="videoImg" v-else >
 					<image :src="item.imageAddress+ '?x-oss-process=video/snapshot,t_0,f_jpg'" mode=""></image>
 					<u-icon name="play-right-fill" @click.stop="videoImageStatus(item,index)"></u-icon>
 				</view>

js 部分

	   data(){
	       blockId：“”，
	   }，



	   videoImageStatus(item,index){
			   this.blockId = item.id;
			   console.log(item,index)
			   // 获取视频节点， 让其播放，文档createVideoContext有介绍。
			   uni.createVideoContext('videoSet'+index).play();
			},