小程序視頻多個視頻播放與暫停

先看效果：

這里就不貼全部代碼了。

wxml

<view class="pvideo" wx:if="{{item.video}}">
    <video src="{{item.video}}" controls id='video{{index}}' data-index="{{index}}" bindplay="videoPlay"></video>
</view>

js

data{
　　videoIndex：0，
},

videoPlay : function(e){
        var index = e.currentTarget.dataset['index'];
        //停止正在播放的視頻
        if (index != this.data.videoIndex){
            var videoContextPrev = wx.createVideoContext('video' + this.data.videoIndex)
            videoContextPrev.stop()
        }
        //將點擊視頻進行播放
        this.setData({
            videoIndex: index
        })
        setTimeout(function () {
            var videoContext = wx.createVideoContext('video' + index)
            videoContext.play()
        },200);
    },