const app = getApp()

​

Page({

  data: {

    videoFile: {}

  },

  onLoad() {

    console.log('代码片段是一种迷你、可分享的小程序或小游戏项目，可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题和 Bug 等。可点击以下链接查看代码片段的详细文档：')

    console.log('https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html')

  },

  // 选择视频

  chooseVideo: function () {

    wx.chooseMedia({

      count: 1,

      mediaType: ['video'],

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

      maxDuration: 10,

      camera: 'back',

      success: (res) => {

        console.log('res ', res);

        const vInfo = res.tempFiles[0];

        const file = {

          duration: Number(vInfo.duration),

          height: Number(vInfo.height),

          width: Number(vInfo.width),

          tempFilePath: vInfo.tempFilePath,

          thumbTempFilePath: vInfo.thumbTempFilePath,

          size: Number(vInfo.size)

        };

        this.setData({

          videoFile: file

        });

      },

      fail () {

      }

    });

  },

  // 预览视频

  handelPreviewVideo() {

    const {tempFilePath, thumbTempFilePath} = this.data.videoFile;

    const sources = [{

        url: tempFilePath,

        poster: thumbTempFilePath,

        type: 'video'

      }];

    wx.previewMedia({

      sources,

      current: 0,

      showmenu: false

    });

  }

})

<view class="btn" bindtap="chooseVideo">

  选择一个视频

</view>

​

​

<view class="media-item media-video-item" bind:tap="handelPreviewVideo" wx:if="{{videoFile.thumbTempFilePath}}">

  <image class="media-image-item" src="{{videoFile.thumbTempFilePath}}" mode="aspectFill" />

  <view class="video-play-icon" ></view>

</view>

      sources,