Comment implémenter la lecture vidéo dans un petit programme

Comment lire une vidéo dans un mini programme

Vous pouvez utiliser le composant vidéo fourni par WeChat pour lire une vidéo dans un mini programme.

Apprentissage recommandé : Développement de mini-programmes

Les méthodes et étapes spécifiques de mise en œuvre sont les suivantes :

1, écrivez d'abord le fichier video.wxml

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

Remarque : La vidéo de l'album peut être sélectionnée pour la lecture via le bouton.

2. Ensuite, écrivez le fichier video.js

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

Rendu :

Site Web chinois PHP, un lot tutoriel thinkphp gratuit, bienvenue pour apprendre en ligne !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!