小程序播放视频

小程序提供了video标签,用于播放视频。网络视频、本地视频均可以。

 

小程序播放视频

 

废话少说,没有什么技术含量可言,贴代码最实际了,拿来改吧改吧就可以了。

 

Wxml:

<View>1.播放网络视频</View>

<view >

<video style="width: 100%;height=400px;margin:1px;" src="www.视频.com/视频.mp4" binderror="videoErrorCallback"></video>

</view>

<View>2.播放本地视频</View>

<view style="display: flex;flex-direction: column;">

<video style="width: 100%;height=400px;margin:1px;" src="{{src}}"></video>

<view class="btn-area">

<button bindtap="bindButtonTap">打开本地视频</button>

</view>

</view>

 

Js:

Page({

 data: {

  src: ''

 },

 /**

  * 打开本地视频

  */

 bindButtonTap: function() {

  var that = this

  //拍摄视频或从手机相册中选视频

  wx.chooseVideo({

   //album 从相册选视频,camera 使用相机拍摄,默认为:['album', 'camera']

   sourceType: ['album', 'camera'],

   //拍摄视频最长拍摄时间,单位秒。最长支持60秒

   maxDuration: 60,

   //前置或者后置摄像头,默认为前后都有,即:['front', 'back']

   camera: ['front','back'],

   //接口调用成功,返回视频文件的临时文件路径,详见返回参数说明

   success: function(res) {

    console.log(res.tempFilePaths[0])

    that.setData({

     src: res.tempFilePaths[0]

    })

   }

  })

 },

 /**

  * 当发生错误时触发error事件,event.detail = {errMsg: 'something wrong'}

  */

 videoErrorCallback: function(e) {

  console.log('视频错误信息:')

  console.log(e.detail.errMsg)

 }

})

来自:米筷小程序