uniapp 多个视频时播放当前视频暂停其他视频解决方案

最新推荐文章于 2024-08-06 18:05:25 发布

古木2019

最新推荐文章于 2024-08-06 18:05:25 发布

阅读量4.6k

点赞数 2

分类专栏： uniapp

本文链接：https://blog.csdn.net/qq_38188762/article/details/108010039

版权

uniapp 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

.vue 文件

<video   :data-id="item.id" :key="item.id" :id="'video'+item.id" :src="item.videoUrl"  object-fit:fill
				enable-danmu danmu-btn controls 
                webkit-playsinline playsinline x5-video-player-type="h5" x5-video-orientation="portraint"
				@play="playing" @pause="pause"
				 @error="videoErrorCallback" :danmu-list="danmuList"  ></video>

.js 文件

		playing(e) {
			
			let currentId = 'video' + e.currentTarget.dataset.id;// 获取当前视频id
			console.log("currentId", currentId);
			this.videoContent = uni.createVideoContext(currentId);
			console.log("this.videoContent", this.videoContent)
		
			let trailer = this.dynListData;

			trailer.forEach(function(item, index) {	// 获取json对象并遍历, 停止非当前视频
				if (item.videoUrl != null && item.videoUrl != "") {
					let temp = 'video' + item.id;
					if (temp != currentId) {
						console.log(temp);
						uni.createVideoContext(temp).pause(); //暂停视频播放事件
					}
				}

			})

		}