微信小程序官方文档-媒体组件video

付费节点推荐


免费节点


节点使用教程


video

视频。

属性名 类型 默认值 说明
src String 要播放视频的资源地址
binderror EventHandle 当发生错误时触发error事件,event.detail = {errMsg: 'something wrong'}

video标签认宽度300px、高度225px,设置宽高需要通过wxss设置width和height。

示例代码:

<view class="section tc">
  <video src="http://www.w3school.com.cn//i/movie.mp4" binderror="videoErrorCallback"></video>
</view>

<view class="section tc">
  <video src="{{src}}"></video>
  <view class="btn-area">
    <button bindtap="bindButtonTap">获取视频</button>
  </view>
</view>
Page({
    data: {
        src: ''
    },
    bindButtonTap: function() {
        var that = this
        wx.chooseVideo({
            sourceType: ['album', 'camera'],
            maxDuration: 60,
            camera: ['front','back'],
            success: function(res) {
                that.setData({
                    src: res.tempFilePath
                })
            }
        })
    },
    videoErrorCallback: function(e) {
      console.log('视频错误信息:')
      console.log(e.detail.errMsg)
    }
})

video

未经允许不得转载:Bcoder资源网 » 微信小程序官方文档-媒体组件video

相关推荐

赞 (0)
分享到:更多 ()

评论 0

评论前必须登录!

登陆 注册