uni-app video 多个视频循环播放 全屏自动播放 退出自动暂停功能

<view class="video_item">
	<video  v-for="(item,index) in video_url"
	 :key="index"     
	 :id="'myVideo'+index"
	 :src="item.name"
     @fullscreenchange="fullscreenchange"
	@play="saveplay(index)"
	class="classvideo"
	@click="videoPlay(index)"
	:show-fullscreen-btn='false'
	object-fit="contain"
	></video>
				   </view>
fullscreenchange (e){
			if(!e.detail.fullScreen){ //退出全屏
				console.log("感受到了3")
	            uni.createVideoContext(`myVideo${this.videoindex}`).stop() //暂停播放
			    this.videoPlays = false
			    this.videoindex = -1
			}
			
        },
		videoPlay(index){
		 if(this.videoPlays==false){
			  this.videoindex = index
              uni.createVideoContext(`myVideo${index}`).requestFullScreen()
			  uni.createVideoContext(`myVideo${index}`).play()
			  this.videoPlays = true
		 }

有几个没有的api 我没删 根据方法里面的哪些用到了 就用哪个就好 因为id是唯一的 所以id要循环出来

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端代码の搬运工

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值