So implementieren Sie die Videowiedergabe in einem kleinen Programm

So spielen Sie Videos in Miniprogrammen ab

Sie können die von WeChat bereitgestellte Videokomponente verwenden, um Videos in Miniprogrammen abzuspielen.

Empfohlenes Lernen: Miniprogrammentwicklung

Die spezifischen Implementierungsmethoden und -schritte sind wie folgt:

1, schreiben Sie zuerst die Datei video.wxml

<view>
    <video src="{{src}}" binderror="videoErrorCallback" style="width:100%;"></video>
    <button bindtap="bindButtonTap">获取视频</button>
</view>

Hinweis: Das Albumvideo kann über die Schaltfläche für die Wiedergabe ausgewählt werden.

2. Dann schreiben Sie die video.js-Datei

Page({
  /**
   * 页面的初始数据
   */
  data: {
    src: 'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400',
  },
  bindButtonTap:function(){
    var that=this
    wx.chooseVideo({
      sourceType:['album','camera'],
      maxDuration:60,
      camera:['front','back'],
      succes:function(res){
        that.setData({
          src:res.tempFilePath
        })
      }
    })
  }
})

Rendering:

PHP Chinesische Website, a viel Kostenloses thinkphp-Tutorial, gerne online lernen!

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Videowiedergabe in einem kleinen Programm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!