沉睡个人博客
沉睡个人博客
博客
工具箱
留言板
沉睡个人博客
博客
工具箱
首页
前端
【uniapp】uniapp多个video列表播放时候只播放一个
【uniapp】uniapp多个video列表播放时候只播放一个
37人已阅读
时间：2024-03-11 14:58:50
## uniapp多个video列表播放时候只播放一个 问题描述：uniapp时候 列表存在多个video时候，播放一个video时候让其他全部暂停。 ```language // 播放视频 Vue.prototype.videoPlayHandle = function(e){ let playID = uni.getStorageSync("playID") if(playID && playID != e.currentTarget.id){ uni.createVideoContext(playID,this).pause(); } playID = e.currentTarget.id; uni.setStorageSync("playID",playID) } ``` 页面使用时候 video 标签加入 @play="videoPlayHandle" 这个监听即可。不用而外代码，全部通用。 ## VUE写法 ```language <video :ref="'videoPlayer' + item.id" :id="item.id" :src="item.content" @play="handlePlay" controls style="width: 100%;height: 100%"></video> handlePlay(event){ if (this.playId) { // 如果已经有视频在播放，则停止它 this.$refs['videoPlayer' + this.playId][0].pause() } this.playId = event.target.id; // 播放视频 this.$refs['videoPlayer' + this.playId][0].play() }, ```
上一篇：【js】js判断一个链接是图片还是视频
下一篇：【VUE】前端导出excel
