我们小程序的视频播放和弹幕微信团队已经帮我们封装的非常好了
<view class="section"> <video class="videoc" src="{{src}}"></video></view><button bindtap='chooseVideo'>选取视频</button>这里我们用了封装好的APIchooseVideo
chooseVideo:function(){ var that=this; wx:wx.chooseVideo({ sourceType: ['album','camera'],/*选取的视频可以是相机拍摄，也可以是相册*/ compressed: '', maxDuration: 60, camera:['front','back'], success: function(res) { that.setData({ src:res.tempFilePath }) }, fail: function(res) {}, complete: function(res) {}, }) }有弹幕功能的视频播放器：
<view> <video id="myVideo" class="videoc" src="demo.mp4" danmu-list='{{danmuList}}' danmu-btn='true'></video> <view> <input bindblur='bindblur' placeholder='一起发吐槽吧'></input> <button bindtap="upText">发布弹幕</button> </view></view>data: { src:"", inputValue:'', danmuList:[ { text:"第一个弹幕", time:2 } , { text:"第二个弹幕", time:3 } ] },bindblur:function(e){ this.inputValue=e.detail.value; }, upText:function(){ this.videoContext.sendDanmu({ text:this.inputValue, color:getRandomColor() }) },onReady: function (res) { this.videoContext = wx.createVideoContext("myVideo", this); },微信小程序
