当前位置: 主页 > 日志 > 个人日记 > 文章

处理多个视频播放问题

发布时间: 2023-12-15 16:41:58 作者: 王乐园 浏览次数: 741

处理多个视频在播放视频A时又去播放视频B解决重复播放多个视频问题

元素

<video :id="'myvideo'+item.id" class="yourSendVideo" :src="item.Content" @ended="ended" :show-fullscreen-btn="false" controls="false" />
<view class="yourVideoBtn" @click="videoshow(item)"></view> <!-- 视频上层 -->


js代码

// 播放结束
ended(){
	console.log('播放结束---')
	this.videoContext = null;
},
// 播放视频
videoshow(e) {
	
	const is_id = this.myvideo_time?.id == e.id;
	
	this.myvideo_time = e;
	if(this.videoContext){
		this.videoContext.pause();
		this.videoContext = null;
		if(is_id){
			return;
		}
	}
	
	this.videoContext = uni.createVideoContext('myvideo'+e.id);
	console.log('切换视频全屏 -- 2---',e, this.videoContext)
	// this.videoContext.requestFullScreen({
	// 	direction: 0
	// }); //direction: 90  控制全屏的时候视屏旋转多少度 
	this.videoContext.play();
},    


本站文章均为原创,欢迎转载,转载请以链接形式注明出处

本文地址: