关于多个video - WXOPEN Club | 微信小程序专业社区

我在一个页面里面展现所有的视频，用户点击一个视频后直接播放，如果打开多个，希望将原先打开的视频自动暂停，请问该怎么弄，谢谢。

swu 1楼•4 年前

多次点击后报这样的错误。

na03 2楼•4 年前

this.data.oldvideoContext怎么获取的？怎么定义

slin 3楼•4 年前

wx.createVideoContext(id) ，这个中id需要我对页面上的每一个video自己定一个值把

jiangfang 4楼•4 年前

wxml:

<video

id=’{{item.id}}’

controls=‘false’

src=’{{item.src}}’

bindplay=‘playVideoFn’>

</video>

js:

data:{

oldvideoContext: ‘’

}

playVideoFn: function(e) {

this.videoContext = wx.createVideoContext(e.currentTarget.id);

if (this.data.oldvideoContext && this.data.oldvideoContext.domId !== this.videoContext.domId){

this.data.oldvideoContext.pause();

}

this.setData({ oldvideoContext: this.videoContext})

}

guping 5楼•4 年前

我按照这种方式做，在开发者工具里可以每次只播放一个，但是暂停后，需要在播放，就不能直接用他的默认控制器了，但是在真机上，不能实现一次只允许播放一个，苹果和安卓的华为机都测了，不行。

js：

playVideo: function (e){

var that = this;

var VideoID = e.target.dataset.id

var videoContext

if (that.data.oldVideoID == ‘’){

that.setData({

oldVideoID: e.target.dataset.id

})

}

if (VideoID != that.data.oldVideoID && that.data.oldVideoID!=’’) {

videoContext = wx.createVideoContext(that.data.oldVideoID)

videoContext.pause()

console.log(‘videoContext.domId’, videoContext)

that.setData({

oldVideoID: VideoID

})

}

wxml：

guiying52 6楼•4 年前

定义为空，

赋值： this.data.oldvideoContext = videoContext

yongren 7楼•3 年前

var videoContext = wx.createVideoContext(id)

if (this.data.oldvideoContext && this.data.oldvideoContext.domId != videoContext.domId) {

this.data.oldvideoContext.pause()

}

this.data.oldvideoContext = videoContext

大意就是对每个视频做一个 videoContext ，新的视频开始前，将老的视频 pause.