uniapp前端开发实现多个视频同时播放的问题

1,前提:后端请求数据获得视频列表

<view v-for="(item,index) in Master_videolist" :key="index" class="MasterVideolist">
				<view class="MasterVideolist_t">
					
					<video @pause="pauseVideo" @play='playVideo' :id='`t${item.id}`' :show-fullscreen-btn="false"
						:data-id="item.id" :src="item.path" controls width="100%" height="auto" class="video"></video>
				</view>
			

			</view>

2,    uni.createVideoContext(id)监测某个id的视频,pause()用来暂停需要的视频

pauseVideo() {
				console.log('点击了暂停');
				//this.isVideo=2
			},
			/* 视频播放 */
			playVideo(e) {
				var that = this
				console.log(e, 'eeeeeeeeeeeeeeee');
				let currentId = e.target.dataset.id
				console.log(currentId, 'currentIdcurrentId')
				that.Master_videolist.forEach(item => {
					let temp = item.id
					console.log(temp);
					if (temp !== currentId) {
						uni.createVideoContext('t' + temp, that).pause();
					}
				})
			},

2,

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值