首页 > 微信 > 详细

小程序视频多个视频播放与暂停

时间:2019-11-28 18:54:12      阅读:427      评论:0      收藏:0      [点我收藏+]

先看效果:

技术分享图片

这里就不贴全部代码了。

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); },

 

小程序视频多个视频播放与暂停

原文:https://www.cnblogs.com/chancy/p/11951713.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!